:root{--landing-bg: #0a0a0b;--landing-surface: rgba(0, 0, 0, .3);--landing-border: rgba(255, 255, 255, .15);--landing-text: #fafafa;--landing-muted: rgba(255, 255, 255, .7);--landing-accent: #ff6700;--landing-accent-glow: rgba(255, 103, 0, .15)}*{box-sizing:border-box}html{min-height:100%}.landing-body{min-height:100svh;margin:0;background-color:var(--landing-bg);background-image:var(--landing-bg-jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--landing-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@supports (background-image: image-set(url() type("image/avif"))){.landing-body{background-image:image-set(var(--landing-bg-avif) type("image/avif"),var(--landing-bg-webp) type("image/webp"),var(--landing-bg-jpg) type("image/jpeg"))}}.landing-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1rem,3vw,1.5rem)}.topbar,.footer{width:min(100%,960px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-link{display:inline-flex;align-items:center;color:inherit}.brand-link img{width:auto;height:32px}.topbar-links,.footer{font-size:.875rem}.topbar-links{display:flex;gap:1rem;align-items:center}.topbar a,.footer a{color:var(--landing-muted);text-decoration:none;transition:color .16s ease}.topbar a:hover,.topbar a:focus-visible,.footer a:hover,.footer a:focus-visible{color:#fff}.hero{display:grid;place-items:center;min-height:0;padding-block:clamp(1.5rem,6vh,3rem)}.hero-content{width:min(100%,580px);text-align:center}.hero-content h1{margin:0 0 1.5rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:600;letter-spacing:0;line-height:1.1;text-wrap:balance;text-shadow:0 3px 24px rgba(0,0,0,.28);opacity:0;animation:fade-up .8s ease .1s forwards}.subtitle{margin:0 auto clamp(1.75rem,5vh,2.25rem);max-width:36rem;color:#fffc;font-size:1.125rem;line-height:1.6;text-shadow:0 2px 16px rgba(0,0,0,.28);opacity:0;animation:fade-up .8s ease .2s forwards}.form-wrapper{opacity:0;animation:fade-up .8s ease .3s forwards}.signup-form{display:flex;gap:.75rem;margin-bottom:1rem}.input-wrapper{flex:1;min-width:0}input[type=email]{width:100%;min-height:54px;padding:1rem 1.25rem;border:1px solid var(--landing-border);border-radius:8px;outline:none;background:var(--landing-surface);color:var(--landing-text);font:inherit;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input[type=email]::placeholder{color:#ffffff80}input[type=email]:focus{border-color:var(--landing-accent);box-shadow:0 0 0 3px var(--landing-accent-glow)}button[type=submit]{min-height:54px;padding:1rem 1.5rem;border:0;border-radius:8px;background:var(--landing-text);color:var(--landing-bg);cursor:pointer;font:inherit;font-weight:600;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}button[type=submit]:hover,button[type=submit]:focus-visible{box-shadow:0 8px 24px #fafafa26;transform:translateY(-2px)}button[type=submit]:active{transform:translateY(0)}button[type=submit]:disabled{cursor:wait;opacity:.7;transform:none}.form-note{margin:0;color:#fff9;font-size:.875rem}.success-message,.error-message{display:none;margin:0 0 1rem;border-radius:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.success-message{padding:1.25rem;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:var(--landing-text)}.error-message{padding:1rem;border:1px solid rgba(239,68,68,.4);background:#ef444433;color:#fecaca;font-size:.875rem}.success-message.show,.error-message.show{display:block}.footer{justify-content:center;flex-wrap:wrap;gap:1.1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--landing-accent);outline-offset:3px}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.landing-shell{padding:1.25rem}.topbar{align-items:flex-start}.brand-link img{height:28px}.signup-form{flex-direction:column}button[type=submit]{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}