@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@200;300;400;500;600&family=Outfit:wght@200;300;400;500;600&display=swap";:root{--color-dark:#020617;--color-glass:#0f172a66;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--accent-1:#00f2fe;--accent-2:#ff007a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-dark);color:var(--color-text-main);height:100vh;font-family:Outfit,Inter,sans-serif;overflow:hidden}.app-container{z-index:1;background:radial-gradient(circle,#0000 0%,#020617d9 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.app-boot{pointer-events:none}.glass-card-boot{opacity:.94;animation:1.4s ease-in-out infinite alternate boot-card-pulse}@keyframes boot-card-pulse{0%{opacity:.88}to{opacity:.98}}.glass-card{text-align:center;-webkit-backdrop-filter:blur(48px)saturate(200%);background:#12121840;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:640px;padding:3rem 1.5rem;display:flex;position:relative;box-shadow:inset 0 1.5px 1px #fff3,inset 0 0 0 1px #ffffff0d,0 40px 80px #0009}.status-badge{background:color-mix(in srgb, var(--accent-1) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-1) 25%, transparent);color:var(--accent-1);text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 20px color-mix(in srgb, var(--accent-1) 15%, transparent);border-radius:100px;align-items:center;gap:8px;margin-bottom:2rem;padding:6px 14px;font-size:.75rem;font-weight:500;display:flex}.pulse-dot{background-color:var(--accent-2);width:6px;height:6px;box-shadow:0 0 10px var(--accent-2);border-radius:50%;animation:2s infinite dotPulse}.logo{background:linear-gradient(to bottom right, #fff 20%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;letter-spacing:6px;filter:drop-shadow(0px 4px 16px color-mix(in srgb, var(--accent-2) 30%, transparent));-webkit-background-clip:text;margin-bottom:1rem;font-family:Audiowide,cursive;font-size:3.8rem}.tagline{color:var(--color-text-muted);margin-bottom:3rem;font-size:1.15rem;font-weight:300;line-height:1.6}.tagline span{color:var(--color-text-main);font-weight:400}.waitlist-form{width:100%}.input-group{flex-direction:column;gap:1rem;display:flex;position:relative}.email-input{width:100%;color:var(--color-text-main);text-overflow:ellipsis;background:#0006;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;min-width:0;padding:1.2rem;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.5;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000080}.email-input::placeholder{color:#94a3b866}.email-input:focus{border-color:color-mix(in srgb, var(--accent-2) 50%, transparent);background:color-mix(in srgb, var(--accent-2) 5%, transparent);box-shadow:inset 0 2px 4px #0003, 0 0 24px color-mix(in srgb, var(--accent-2) 15%, transparent)}.submit-btn{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-1) 15%, transparent), color-mix(in srgb, var(--accent-2) 15%, transparent));border:none;border:1px solid color-mix(in srgb, var(--accent-1) 40%, transparent);width:100%;color:var(--accent-1);text-transform:uppercase;letter-spacing:2px;cursor:pointer;border-radius:12px;flex-shrink:0;padding:1.2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg, color-mix(in srgb, var(--accent-1) 25%, transparent), color-mix(in srgb, var(--accent-2) 25%, transparent));border-color:var(--accent-2);color:#fff;box-shadow:0 0 32px color-mix(in srgb, var(--accent-2) 30%, transparent)}.submit-btn:hover:not(:disabled):before{left:150%}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--color-text-muted);border-color:#ffffff0d}.status-message{border-radius:8px;margin-top:1.5rem;padding:1rem;font-size:.95rem;font-weight:500;animation:.3s ease-out slideUp}.status-message.success{background:color-mix(in srgb, var(--accent-1) 10%, transparent);color:var(--accent-1);border:1px solid color-mix(in srgb, var(--accent-1) 30%, transparent)}.status-message.error{color:#f36;background:#ff33661a;border:1px solid #ff33664d}@keyframes dotPulse{0%{opacity:.5;box-shadow:0 0 0 0 var(--accent-2);transform:scale(.8)}70%{opacity:1;transform:scale(1.2);box-shadow:0 0 0 8px #0000}to{opacity:.5;transform:scale(.8);box-shadow:0 0 #0000}}.field-error{color:#f36;text-align:left;margin-top:.5rem;padding-left:.25rem;font-size:.8rem}.input-error{border-color:#ff336680!important;box-shadow:0 0 12px #ff336626!important}@media (width>=768px){.glass-card{padding:4rem 3.5rem}.input-group{background:#0000004d;border:1px solid #ffffff0d;border-radius:14px;flex-direction:row;padding:6px;transition:all .4s}.input-group:focus-within{border-color:color-mix(in srgb, var(--accent-2) 40%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--accent-2) 15%, transparent);background:#0006}.email-input{box-shadow:none;background:0 0;border:none;padding:1rem 1.5rem}.email-input:focus{box-shadow:none;background:0 0}.submit-btn{white-space:nowrap;border-radius:10px;width:auto;padding:1.1rem 2.2rem}}
