* {
                  margin: 0;
                  padding: 0;
                  box-sizing: border-box;
            }

            :root {
                  --primary: #818cf8;
                  --secondary: #a78bfa;
                  --accent: #f472b6;
                  --dark: #e2e8f0;
                  --light: #1e293b;
                  --gray: #94a3b8;
                  --success: #34d399;
                  --bg: #0f172a;
                  --surface: #1e293b;
                  --surface-alt: #162032;
                  --surface-hover: #334155;
                  --border: #334155;
                  --text: #e2e8f0;
                  --text-muted: #94a3b8;
            }

            body {
                  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
                  line-height: 1.6;
                  color: var(--text);
                  background: var(--bg);
                  min-height: 100vh;
            }

            .container {
                  max-width: 1200px;
                  margin: 0 auto;
                  padding: 0 20px;
            }

            nav {
                  background: rgba(15, 23, 42, 0.92);
                  backdrop-filter: blur(16px);
                  -webkit-backdrop-filter: blur(16px);
                  position: sticky;
                  top: 0;
                  z-index: 1000;
                  box-shadow: 0 1px 0 rgba(51, 65, 85, 0.5);
                  border-bottom: 1px solid var(--border);
            }

            nav .container {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  padding: 1rem 20px;
                  flex-wrap: wrap;
            }

            .logo {
                  font-size: 1.5rem;
                  font-weight: bold;
                  background: linear-gradient(135deg, var(--primary), var(--secondary));
                  -webkit-background-clip: text;
                  background-clip: text;
                  -webkit-text-fill-color: transparent;

                  display: flex;
                  align-items: center;
                  gap: 1rem;
            }

            .logo-img {
                  max-height: 50px;
            }

            .nav-links {
                  display: flex;
                  gap: 2rem;
                  list-style: none;
                  align-items: center;
                  flex-wrap: wrap;
            }

            .nav-links a {
                  text-decoration: none;
                  color: var(--text-muted);
                  font-weight: 500;
                  transition: color 0.3s;
                  cursor: pointer;
            }

            .nav-links a:hover {
                  color: var(--primary);
            }


            .hero {
                  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15));
                  border-bottom: 1px solid var(--border);
                  color: var(--text);
                  padding: 6rem 0;
                  text-align: center;
            }

            .hero h1 {
                  font-size: 3.5rem;
                  margin-bottom: 1rem;
            }

            .hero-logo {
                  max-height: 100px;
                  margin-bottom: 1rem;
            }

            .custom-content {
                  margin: 2rem auto;
                  max-width: 800px;
            }

            .pitch-box {
                  background: rgba(255, 255, 255, 0.2);
                  padding: 1.5rem;
                  border-radius: 8px;
                  margin: 1rem 0;
                  backdrop-filter: blur(10px);
            }

            .mockups {
                  display: flex;
                  gap: 1rem;
                  justify-content: center;
                  flex-wrap: wrap;
                  margin: 2rem 0;
            }

            .mockup {
                  max-width: 300px;
                  border-radius: 8px;
                  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            }

            .btn {
                  padding: 1rem 2rem;
                  border: none;
                  border-radius: 8px;
                  font-size: 1rem;
                  font-weight: 600;
                  cursor: pointer;
                  transition: all 0.3s;
                  text-decoration: none;
                  display: inline-block;
            }

            .btn-primary {
                  background: white;
                  color: var(--primary);
            }

            .btn-primary:hover {
                  transform: translateY(-2px);
                  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            }

            .btn-secondary {
                  background: transparent;
                  color: white;
                  border: 2px solid white;
            }

            .btn-secondary:hover {
                  background: white;
                  color: var(--primary);
            }

            .btn-danger {
                  background: #ef4444;
                  color: white;
            }

            .btn-small {
                  padding: 0.5rem 1rem;
                  font-size: 0.9rem;
            }

            section {
                  background: var(--surface);
                  margin: 2rem auto;
                  border-radius: 12px;
                  padding: 3rem 2rem;
                  border: 1px solid var(--border);
                  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
            }

            section h2 {
                  font-size: 2.5rem;
                  margin-bottom: 1rem;
                  color: var(--primary);
                  text-align: center;
            }

            section h3 {
                  font-size: 1.8rem;
                  margin: 2rem 0 1rem;
                  color: var(--secondary);
            }

            .filter-buttons {
                  display: flex;
                  gap: 0.5rem;
                  flex-wrap: wrap;
                  justify-content: center;
                  margin: 2rem 0;
            }

            .filter-btn {
                  padding: 0.5rem 1.5rem;
                  background: var(--surface);
                  border: 1px solid var(--border);
                  border-radius: 25px;
                  cursor: pointer;
                  transition: all 0.3s;
                  font-weight: 500;
                  color: var(--text-muted);
            }

            .filter-btn:hover {
                  border-color: var(--primary);
                  color: var(--primary);
                  background: rgba(129, 140, 248, 0.1);
            }

            .filter-btn.active {
                  background: var(--primary);
                  color: white;
                  border-color: var(--primary);
            }

            .domain-grid {
                  display: grid;
                  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
                  gap: 1.5rem;
                  margin-top: 2rem;
            }

            .domain-card {
                  background: var(--surface);
                  padding: 1.5rem;
                  border-radius: 12px;
                  border: 1px solid var(--border);
                  transition: all 0.3s;
                  cursor: pointer;
            }

            .domain-card:hover {
                  border-color: var(--primary);
                  transform: translateY(-3px);
                  box-shadow: 0 8px 32px rgba(129, 140, 248, 0.15);
                  background: var(--surface-hover);
            }

            .domain-card h4 {
                  color: var(--primary);
                  font-size: 1.3rem;
                  margin-bottom: 0.5rem;
                  word-break: break-word;
            }

            .domain-card .category {
                  display: inline-block;
                  background: rgba(167, 139, 250, 0.2);
                  color: var(--secondary);
                  padding: 0.3rem 0.8rem;
                  border-radius: 15px;
                  font-size: 0.8rem;
                  margin-bottom: 0.5rem;
                  border: 1px solid rgba(167, 139, 250, 0.3);
            }

            .domain-card.has-custom {
                  border-left: 3px solid var(--accent);
            }

            .domain-card p {
                  color: var(--text-muted);
            }

            .form-grid {
                  display: grid;
                  gap: 1.5rem;
                  max-width: 600px;
                  margin: 2rem auto;
            }

            .form-group {
                  display: flex;
                  flex-direction: column;
            }

            .form-group label {
                  margin-bottom: 0.5rem;
                  font-weight: 600;
            }

            .form-group label {
                  color: var(--text);
            }

            .form-group input,
            .form-group textarea,
            .form-group select {
                  padding: 0.8rem;
                  border: 1px solid var(--border);
                  border-radius: 8px;
                  font-size: 1rem;
                  font-family: inherit;
                  transition: border-color 0.3s;
                  background: var(--bg);
                  color: var(--text);
            }

            .form-group input:focus,
            .form-group textarea:focus,
            .form-group select:focus {
                  outline: none;
                  border-color: var(--primary);
                  box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.15);
            }

            .form-group input::placeholder,
            .form-group textarea::placeholder {
                  color: var(--text-muted);
                  opacity: 0.6;
            }

            .form-group textarea {
                  min-height: 120px;
                  resize: vertical;
            }

            .anti-bot {
                  background: rgba(245, 158, 11, 0.1);
                  padding: 1rem;
                  border-radius: 8px;
                  border-left: 4px solid #f59e0b;
                  margin: 1rem 0;
                  color: #fbbf24;
            }

            .success-message {
                  background: var(--success);
                  color: white;
                  padding: 1rem;
                  border-radius: 8px;
                  margin: 1rem 0;
                  text-align: center;
            }


            .offer-card {
                  background: rgba(255, 255, 255, 0.1);
                  padding: 1.5rem;
                  border-radius: 8px;
                  margin: 1rem 0;
                  border-left: 4px solid var(--accent);
            }

            .offer-card h4 {
                  color: var(--accent);
                  margin-bottom: 0.5rem;
            }

            .offer-card p {
                  margin: 0.25rem 0;
                  font-size: 0.95rem;
            }

            .offer-card .offer-type {
                  display: inline-block;
                  background: var(--accent);
                  padding: 0.25rem 0.75rem;
                  border-radius: 12px;
                  font-size: 0.85rem;
                  margin-top: 0.5rem;
            }

            .stats-grid {
                  display: grid;
                  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                  gap: 1rem;
                  margin: 2rem 0;
            }

            .stat-card {
                  background: rgba(255, 255, 255, 0.1);
                  padding: 1.5rem;
                  border-radius: 8px;
                  text-align: center;
            }

            .stat-card .number {
                  font-size: 2.5rem;
                  font-weight: bold;
                  color: var(--accent);
            }

            .stat-card .label {
                  font-size: 0.9rem;
                  opacity: 0.8;
            }

            .domain-editor {
                  background: var(--surface);
                  padding: 2rem;
                  border-radius: 12px;
                  margin: 2rem 0;
                  border: 1px solid var(--border);
            }

            .recat-search {
                  margin-bottom: 2rem;
                  padding: 1rem;
                  background: var(--bg);
                  border-radius: 8px;
                  border: 1px solid var(--primary);
            }

            .recat-search input {
                  width: 100%;
                  padding: 0.8rem;
                  font-size: 1rem;
                  border: 1px solid var(--border);
                  border-radius: 6px;
                  background: var(--bg);
                  color: var(--text);
            }

            .recat-list {
                  max-height: 600px;
                  overflow-y: auto;
            }

            .recat-item {
                  background: var(--surface-hover);
                  padding: 1rem;
                  margin: 0.5rem 0;
                  border-radius: 8px;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  gap: 1rem;
            }

            .recat-item .domain-info {
                  flex: 1;
            }

            .recat-item .domain-name {
                  font-weight: bold;
                  color: var(--primary);
                  word-break: break-word;
            }

            .recat-item .current-cat {
                  display: inline-block;
                  padding: 0.25rem 0.75rem;
                  background: rgba(167, 139, 250, 0.2);
                  color: var(--secondary);
                  border-radius: 12px;
                  font-size: 0.85rem;
                  margin-top: 0.25rem;
            }

            .recat-item .overridden {
                  background: rgba(244, 114, 182, 0.2);
                  color: var(--accent);
            }

            .recat-item select {
                  padding: 0.5rem;
                  border-radius: 6px;
                  border: 1px solid var(--border);
                  background: var(--bg);
                  color: var(--text);
            }

            .hidden {
                  display: none;
            }

            footer {
                  background: var(--surface);
                  border-top: 1px solid var(--border);
                  color: var(--text-muted);
                  text-align: center;
                  padding: 2rem;
                  margin-top: 3rem;
            }

            footer a {
                  color: var(--primary);
                  text-decoration: underline;
            }

            footer a:hover {
                  color: var(--secondary);
            }

            @media (max-width: 768px) {
                  .hero h1 {
                        font-size: 2rem;
                  }

                  .domain-grid {
                        grid-template-columns: 1fr;
                  }

                  .nav-links {
                        flex-direction: column;
                        gap: 0.5rem;
                        width: 100%;
                  }

                  .recat-item {
                        flex-direction: column;
                        align-items: flex-start;
                  }

                  nav .container {
                        flex-direction: column;
                  }
            }

            /* Cart System Styles */
            .cart-fab {
                  position: fixed !important;
                  bottom: 30px;
                  right: 30px;
                  width: 70px;
                  height: 70px;
                  border-radius: 50%;
                  background: linear-gradient(135deg, var(--primary), var(--secondary));
                  color: white;
                  border: none;
                  font-size: 1.8rem;
                  cursor: pointer;
                  box-shadow: 0 6px 30px rgba(99, 102, 241, 0.4);
                  z-index: 9999 !important;
                  transition: all 0.3s;
                  display: flex;
                  align-items: center;
                  justify-content: center;
            }

            .cart-fab:hover {
                  transform: scale(1.1);
            }

            .cart-fab .badge {
                  position: absolute;
                  top: -5px;
                  right: -5px;
                  background: var(--accent);
                  color: white;
                  border-radius: 50%;
                  width: 28px;
                  height: 28px;
                  font-size: 0.9rem;
                  font-weight: bold;
                  display: flex;
                  align-items: center;
                  justify-content: center;
            }

            .cart-modal {
                  position: fixed !important;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  background: rgba(0, 0, 0, 0.6);
                  z-index: 10001 !important;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  padding: 20px;
            }

            .cart-modal.hidden {
                  display: none !important;
            }


            .cart-modal-content {
                  background: var(--surface);
                  border: 1px solid var(--border);
                  border-radius: 16px;
                  max-width: 800px;
                  width: 100%;
                  max-height: 90vh;
                  overflow-y: auto;
                  padding: 2rem;
                  color: var(--text);
            }

            .cart-item {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  padding: 1rem;
                  border-bottom: 1px solid var(--border);
                  gap: 1rem;
                  flex-wrap: wrap;
            }

            .cart-item-name {
                  font-weight: 600;
                  color: var(--primary);
                  flex: 1;
                  min-width: 150px;
            }

            .cart-item-offer {
                  display: flex;
                  align-items: center;
                  gap: 0.5rem;
            }

            .cart-item-offer input {
                  width: 120px;
                  padding: 0.5rem;
                  border: 1px solid var(--border);
                  border-radius: 6px;
                  font-size: 1rem;
                  background: var(--bg);
                  color: var(--text);
            }

            .cart-item-remove {
                  background: none;
                  border: none;
                  color: var(--accent);
                  cursor: pointer;
                  font-size: 1.2rem;
            }

            .domain-card.in-cart {
                  border-color: var(--success);
                  background: rgba(52, 211, 153, 0.08);
            }

            .domain-card .add-cart-btn {
                  margin-top: 0.8rem;
                  padding: 0.5rem 1rem;
                  border-radius: 6px;
                  border: 1px solid var(--border);
                  background: var(--bg);
                  color: var(--text-muted);
                  cursor: pointer;
                  transition: all 0.2s;
                  font-weight: 500;
            }

            .domain-card .add-cart-btn:hover {
                  background: var(--primary);
                  color: white;
                  border-color: var(--primary);
            }

            .domain-card.in-cart .add-cart-btn {
                  background: rgba(52, 211, 153, 0.15);
                  color: var(--success);
                  border-color: var(--success);
            }

            .bulk-discount-banner {
                  background: rgba(245, 158, 11, 0.08);
                  border: 1px solid rgba(245, 158, 11, 0.3);
                  border-radius: 12px;
                  padding: 1.5rem;
                  margin: 1.5rem 0;
                  text-align: center;
            }

            .bulk-discount-banner h3 {
                  color: #fbbf24;
                  margin-bottom: 0.5rem;
            }

            .bulk-discount-banner .tiers {
                  display: flex;
                  justify-content: center;
                  gap: 1rem;
                  flex-wrap: wrap;
                  margin-top: 1rem;
            }

            .bulk-discount-banner .tier {
                  background: var(--surface-hover);
                  padding: 0.8rem 1.2rem;
                  border-radius: 8px;
                  border: 1px solid var(--border);
                  color: var(--text);
            }

            .bulk-discount-banner .tier strong {
                  color: var(--primary);
            }

            .legal-section {
                  background: var(--surface-alt);
                  border-radius: 12px;
                  padding: 1.5rem;
                  margin: 2rem 0;
                  border-left: 4px solid var(--text-muted);
                  font-size: 0.9rem;
                  color: var(--text-muted);
            }

            .legal-section h4 {
                  color: var(--text);
                  margin-bottom: 0.5rem;
            }

            @keyframes slideDown {
                  from {
                        transform: translateX(-50%) translateY(-100px);
                        opacity: 0;
                  }

                  to {
                        transform: translateX(-50%) translateY(0);
                        opacity: 1;
                  }
            }

            @keyframes slideUp {
                  from {
                        transform: translateX(-50%) translateY(0);
                        opacity: 1;
                  }

                  to {
                        transform: translateX(-50%) translateY(-100px);
                        opacity: 0;
                  }
            }

            /* Referrer-Driven Landing Styles */
            @keyframes referrerPulse {

                  0%,
                  100% {
                        box-shadow: 0 0 15px rgba(99, 102, 241, 0.4);
                  }

                  50% {
                        box-shadow: 0 0 40px rgba(99, 102, 241, 0.8), 0 0 60px rgba(139, 92, 246, 0.4);
                  }
            }

            .referrer-highlight {
                  animation: referrerPulse 1.5s ease-in-out 3;
                  border-color: var(--primary) !important;
                  transform: translateY(-5px) !important;
            }

            .referrer-banner {
                  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
                  color: white;
                  padding: 1rem 2rem;
                  text-align: center;
                  font-size: 0.95rem;
                  border-bottom: 3px solid var(--primary);
                  position: relative;
                  z-index: 999;
            }

            .referrer-banner strong {
                  color: #a5b4fc;
            }

            .referrer-banner .referrer-domain-name {
                  background: linear-gradient(135deg, var(--primary), var(--secondary));
                  -webkit-background-clip: text;
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
                  font-weight: 800;
                  font-size: 1.1rem;
            }

            .referrer-banner .browse-link {
                  color: #93c5fd;
                  text-decoration: underline;
                  cursor: pointer;
                  margin-left: 0.5rem;
            }

            .referrer-banner .browse-link:hover {
                  color: white;
            }

            .hero.referrer-mode {
                  padding: 4rem 0;
            }

            .hero.referrer-mode h1 {
                  font-size: 2.8rem;
            }

            .referrer-cta-group {
                  display: flex;
                  gap: 1rem;
                  justify-content: center;
                  flex-wrap: wrap;
                  margin-top: 1.5rem;
            }
      
    /* Lazy-load: defer rendering of off-screen domain cards */
    .domain-card { content-visibility: auto; contain-intrinsic-size: 0 80px; }
    .form-error { grid-column: 1 / -1; color: #f87171; background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.3); border-radius: 8px; padding: 0.75rem; font-size: 0.9rem; }
    .toast-success { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background: #10b981; color: #fff; padding: 1rem 2rem; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 10000; font-weight: 600; max-width: 90vw; }
    button[disabled] { opacity: 0.6; cursor: wait; }

/* Offer forms */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.money-input { display: flex; align-items: center; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); overflow: hidden; }
.money-input span { padding: 0 0.75rem; color: var(--text-muted); font-weight: 600; }
.money-input input { border: none !important; flex: 1; min-width: 0; background: transparent; }
.money-input:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.2); }
.offer-presets { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-top: 0.5rem; }
.offer-presets button { background: var(--surface-hover, #334155); color: var(--text); border: 1px solid var(--border); border-radius: 999px; padding: 0.3rem 0.8rem; cursor: pointer; font-size: 0.85rem; }
.offer-presets button:hover, .offer-presets button:focus { border-color: var(--primary); color: var(--primary); }
.field-hint { display: block; margin-top: 0.4rem; color: var(--text-muted); font-size: 0.8rem; }
.field-hint-error { color: #f87171; }
.offer-success { text-align: center; padding: 1.5rem 0.5rem; }
.offer-success-icon { font-size: 2.5rem; }
.offer-success h3 { margin: 0.5rem 0; }
.referrer-highlight:focus { outline: 3px solid var(--primary); outline-offset: 3px; }
@media (max-width: 600px) { .cart-modal { padding: 8px; align-items: flex-end; } .cart-modal-content { padding: 1.25rem; max-height: 92vh; } }