@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700;900&display=swap";*{margin:0;padding:0}html,body,#root{width:100%;min-height:100%}:root{--bg:#000;--surface:#ffffff0a;--border:#ffffff1a;--text:#fff;--text-dim:#9ca3af;--accent-1:#3b82f6;--accent-2:#9333ea;--logo-green:#22c55e}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0;padding:0}body{color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0009 0%,#0000 70%);mask-image:radial-gradient(#0009 0%,#0000 70%)}.bg-blob{filter:blur(110px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--accent-1), transparent 70%);width:500px;height:500px;animation:18s ease-in-out infinite float1;top:-160px;left:-140px}.blob-2{background:radial-gradient(circle, var(--accent-2), transparent 70%);width:460px;height:460px;animation:20s ease-in-out infinite float2;bottom:-180px;right:-120px}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,40px)scale(1.08)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-30px)scale(1.1)}}.brand-bar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:28px;left:32px}.logo-mark{color:var(--text);font-family:Space Grotesk,monospace;font-size:1.2rem;font-weight:700}.logo-word{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex;position:relative}.badge{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.headline{letter-spacing:-.02em;color:var(--text);margin:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.3rem,6vw,3.8rem);font-weight:900;line-height:1.1}.dim{color:#6b7280}.accent{background:linear-gradient(to right, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.subtext{color:var(--text-dim);max-width:520px;margin:0 0 40px;font-size:clamp(1rem,2vw,1.1rem);line-height:1.65}.subtext strong{color:var(--text)}.coming-soon{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(to right, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:40px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:700}.notify-form{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;width:100%;max-width:420px;display:flex}.input-wrap{text-align:left;flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.notify-form input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:none;padding:14px 18px;font-size:.95rem;transition:border-color .2s}.notify-form input::placeholder{color:#4b5563}.notify-form input:focus{border-color:var(--accent-1)}.notify-form input[aria-invalid=true]{border-color:#f87171}.field-error{color:#f87171;padding-left:4px;font-size:.78rem}.notify-form button{background:linear-gradient(to right, var(--accent-1), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.notify-form button:hover{opacity:.92;transform:translateY(-1px)}.confirm{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:0;padding:14px 20px;font-size:.95rem}.footer{color:#4b5563;font-size:.8rem;position:absolute;bottom:20px}@media (width<=480px){.brand-bar{top:20px;left:20px}}