*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f4f1e8;--ink:#0a0a0a;--lime:#d2f75a;--muted:#6b655b;--terminal:#faf7ec;--ink-rgb:10,10,10;--bg-rgb:244,241,232;--terminal-rgb:250,247,236;--success:#22c55e;--warning:#d97706;--danger:#dc2626;--info:#3b82f6;--lime-deep:#829b25;--on-lime:#0a0a0a;--surface-ink:#0a0a0a}html{scroll-behavior:smooth;font-size:16px}html.dark{--bg:#0f0e0c;--ink:#f4f1e8;--lime:#d2f75a;--muted:#aba59b;--terminal:#1a1815;--ink-rgb:244,241,232;--bg-rgb:15,14,12;--terminal-rgb:26,24,21}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease-out forwards}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--ink);color:var(--bg);font-weight:500;border:2px solid var(--lime);cursor:pointer;transition:all .15s ease-out;font-size:1rem}.btn-primary:hover:not(:disabled){background:var(--lime);color:var(--on-lime);border-color:var(--lime)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:var(--ink);font-weight:500;border:1px solid rgba(var(--ink-rgb),.3);cursor:pointer;transition:all .15s ease-out;font-size:.875rem}.btn-secondary:hover{background:rgba(var(--ink-rgb),.05);border-color:rgba(var(--ink-rgb),.5)}.btn-secondary:active{transform:scale(.98)}.input-field{width:100%;padding:12px 16px;background:var(--bg);color:var(--ink);border:1px solid rgba(var(--ink-rgb),.2);outline:none;font-size:1rem;transition:all .15s}.input-field::-moz-placeholder{color:var(--muted)}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:var(--lime);box-shadow:0 0 0 2px rgba(210,247,90,.2)}.card{background:var(--terminal);border:1px solid rgba(var(--ink-rgb),.1);padding:24px}.concept-tag{display:inline-flex;gap:6px;padding:4px 12px;background:rgba(var(--ink-rgb),.05);border:1px solid rgba(var(--ink-rgb),.1);font-weight:500}.concept-tag,.step-indicator{align-items:center;font-size:.875rem}.step-indicator{display:flex;gap:8px;font-family:ui-monospace,monospace;color:var(--muted)}.step-indicator.active{color:var(--lime);font-weight:700}.step-indicator.completed{color:rgba(var(--ink-rgb),.6)}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.landing-shell{padding-left:32px;padding-right:32px}.landing-hero-grid,.landing-two-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.landing-hero-grid{gap:80px;align-items:center}.landing-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.landing-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.landing-mobile-nav{display:flex}.landing-menu-button,.landing-nav-cta{display:none}.landing-menu-button{align-items:center;justify-content:center;width:46px;height:46px;flex-direction:column;gap:5px;background:rgba(var(--terminal-rgb),.72);border:1px solid rgba(var(--ink-rgb),.14);box-shadow:0 8px 24px rgba(var(--ink-rgb),.08);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.landing-menu-button:hover{background:rgba(210,247,90,.22);border-color:rgba(var(--ink-rgb),.28)}.landing-menu-button span{display:block;width:20px;height:2px;background:var(--ink);transform-origin:center;transition:transform .18s ease,opacity .18s ease}.landing-menu-button[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.landing-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.landing-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.auth-page-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.checkout-plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.profile-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px}@media (max-width:1180px){.checkout-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.landing-shell{padding-left:20px!important;padding-right:20px!important}.auth-page-grid,.landing-hero-grid,.landing-two-grid{grid-template-columns:1fr!important}.landing-hero-grid{gap:42px!important}.checkout-plans-grid,.landing-four-grid,.landing-three-grid,.profile-grid{grid-template-columns:1fr!important}.landing-menu-button{display:inline-flex!important}.landing-mobile-nav{display:none!important;position:absolute;right:clamp(20px,4vw,32px);top:calc(100% + 6px);width:min(336px,calc(100vw - 40px));flex-direction:column;align-items:stretch!important;gap:2px!important;padding:8px;background:rgba(var(--terminal-rgb),.97);border:1px solid rgba(var(--ink-rgb),.12);box-shadow:0 18px 48px rgba(var(--ink-rgb),.14);backdrop-filter:blur(18px)}.landing-mobile-nav.open{display:flex!important;animation:fadeIn .16s ease-out forwards}.landing-mobile-nav a,.landing-mobile-nav button{width:100%;min-height:44px;justify-content:space-between;padding:11px 14px;border-radius:4px;background:transparent!important;color:rgba(var(--ink-rgb),.76)!important}.landing-mobile-nav a:hover,.landing-mobile-nav button:hover{background:rgba(var(--ink-rgb),.055)!important;color:var(--ink)!important}.landing-mobile-nav a[href*=login]{color:var(--ink)!important;font-weight:800!important}.landing-mobile-nav button{margin-top:4px;border-top:1px solid rgba(var(--ink-rgb),.08)!important;border-radius:0}.landing-nav-cta{display:flex!important;align-items:center;justify-content:center!important;min-height:48px;margin-top:8px;background:var(--ink)!important;color:var(--bg)!important;border:2px solid var(--lime);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(210,247,90,.35);font-weight:800!important;text-align:center;text-decoration:none}.landing-nav-cta:hover{background:var(--lime)!important;color:var(--ink)!important}.landing-cta-link{display:none!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-center,.mobile-full{text-align:center!important}.mobile-full{width:100%!important;justify-content:center!important}}@media (max-width:560px){.landing-title{font-size:2.45rem!important;line-height:.98!important}.landing-section-title{font-size:2rem!important}.landing-card-preview{transform:scale(.92);transform-origin:top center}}@keyframes shimmer{0%{opacity:.12}50%{opacity:.2}to{opacity:.12}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}