:root{--font-family:"Inter", system-ui, sans-serif;--bg-color-1:#0f172a;--bg-color-2:#312e81;--bg-color-3:#1e1b4b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--accent-color:#6366f1;--accent-hover:#4f46e5}body{font-family:var(--font-family);color:var(--text-primary);background:#000;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;display:flex;overflow:hidden}.bg-wrapper{z-index:-1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-media{object-fit:cover;object-position:20% 60%;width:100vw;height:100vh;position:absolute;top:0;left:0}.bg-image{z-index:1}.bg-video{z-index:2}.ui-state{opacity:0;animation:.5s forwards fadeInState;display:none}@keyframes fadeInState{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ui-state.active{flex-direction:column;align-items:center;display:flex}.btn-start-image{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:transform .2s,filter .2s}.btn-start-image img{filter:drop-shadow(0 15px 25px #0009);width:140px;max-width:100%;height:auto;margin:0 auto;display:block}.btn-start-image:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-start-image:active{transform:translateY(2px)scale(.98)}.btn-text{color:#fff;font-family:var(--font-family);cursor:pointer;text-underline-offset:4px;text-shadow:0 2px 4px #000c;background:0 0;border:none;margin-top:15px;font-size:16px;font-weight:600;text-decoration:underline;transition:all .3s}.btn-text:hover{color:var(--text-primary)}.headline-small{color:#fff;text-shadow:0 2px 6px #000c;margin:0 0 15px;font-size:36px;font-weight:800;line-height:1.2}.prompt-text{color:#fff;text-shadow:0 2px 4px #000c;margin:0 0 15px;font-size:18px;font-weight:600}#app{box-sizing:border-box;justify-content:center;width:100%;padding:10vh 20px 20px;display:flex}.glass-container{-webkit-backdrop-filter:blur(8px);text-align:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:40px;flex-direction:column;gap:60px;width:100%;max-width:800px;padding:80px 40px;animation:1s ease-out fadeIn;display:flex;box-shadow:0 25px 50px -12px #000c}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}header .logo{filter:drop-shadow(0 10px 20px #0009);width:600px;max-width:90%;height:auto;margin:0 auto;display:block}.content{flex-direction:column;gap:20px;display:flex}.headline{margin:0;font-size:48px;font-weight:700;line-height:1.2}.subheadline{color:#fff;text-shadow:0 2px 4px #000c;margin:0;font-size:20px;font-weight:600;line-height:1.6}.waitlist-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.input-group{gap:10px;width:100%;display:flex}@media (width<=480px){.input-group{flex-direction:column}}input[type=email]{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-family);background:#0003;border-radius:12px;outline:none;flex-grow:1;padding:16px 20px;font-size:16px;transition:all .3s}input[type=email]:focus{border-color:var(--accent-color);background:#0006;box-shadow:0 0 0 2px #6366f133}input[type=email]::placeholder{color:#fff6}.btn-primary{color:#fff;font-family:var(--font-family);letter-spacing:2px;text-shadow:0 2px 4px #000c;cursor:pointer;white-space:nowrap;background:linear-gradient(#7d5a3e 0%,#4a3220 100%);border:2px solid #2a1b12;border-radius:12px;padding:12px 32px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:inset 0 4px 4px #fff3,inset 0 -4px 6px #0009,0 15px 25px -5px #000000b3}.btn-primary:hover{background:linear-gradient(#8f6747 0%,#5c3e29 100%);transform:translateY(-2px);box-shadow:inset 0 4px 4px #ffffff4d,inset 0 -4px 6px #000000b3,0 20px 30px -5px #000c}.btn-primary:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0009,0 5px 10px -5px #000000b3}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-message{opacity:1;margin:0;font-size:14px;transition:opacity .3s}.form-message.hidden{opacity:0;visibility:hidden;height:0}.form-message.success{color:#34d399}.form-message.error{color:#f87171}footer p{color:#ffffffb3;letter-spacing:.5px;margin:0;font-size:14px;font-weight:400}@media (width<=768px){body{align-items:flex-start}#app{padding-top:5vh}.glass-container{border-radius:24px;gap:30px;padding:40px 20px}header .logo{width:100%}}
