:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--text-primary:#f0f0f5;--text-secondary:#9090a8;--text-muted:#5a5a72;--accent-1:#6c5ce7;--accent-2:#a363d9;--accent-3:#00cec9;--accent-glow:#6c5ce740;--gradient-primary:linear-gradient(135deg, #6c5ce7 0%, #a363d9 50%, #00cec9 100%);--gradient-subtle:linear-gradient(135deg, #6c5ce726 0%, #a363d914 100%);--gradient-radial:radial-gradient(ellipse at 50% 0%, #6c5ce71f 0%, transparent 60%);--border-subtle:#ffffff0f;--border-accent:#6c5ce74d;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-glow:0 0 60px #6c5ce726;--shadow-card:0 8px 32px #0000004d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::selection{color:var(--text-primary);background:#6c5ce766}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}.coming-soon{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.bg-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-orb--1{background:#6c5ce71f;width:600px;height:600px;animation:20s ease-in-out infinite orbFloat1;top:-200px;left:-150px}.bg-orb--2{background:#a363d914;width:500px;height:500px;animation:25s ease-in-out infinite orbFloat2;bottom:-200px;right:-100px}.bg-orb--3{background:#00cec90f;width:350px;height:350px;animation:18s ease-in-out infinite orbFloat3;top:40%;right:20%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,40px)scale(1.1)}66%{transform:translate(-30px,80px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,-60px)scale(1.05)}66%{transform:translate(40px,-30px)scale(.9)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,50px)scale(1.15)}}.particles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{background:var(--accent-1);opacity:0;border-radius:50%;width:3px;height:3px;animation:linear infinite particleRise;position:absolute}@keyframes particleRise{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh)scale(1)}}.content{z-index:1;text-align:center;max-width:720px;position:relative}.badge{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInDown .8s var(--transition-smooth) both;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem .4rem .6rem;font-size:.8rem;font-weight:500;display:inline-flex}.badge__dot{background:var(--accent-3);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #00cec980}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.headline{font-family:var(--font-display);letter-spacing:-.03em;animation:fadeInUp .8s var(--transition-smooth) .1s both;margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1.1}.headline__gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--text-secondary);max-width:520px;animation:fadeInUp .8s var(--transition-smooth) .2s both;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.email-form{max-width:460px;animation:fadeInUp .8s var(--transition-smooth) .3s both;gap:.75rem;margin:0 auto 2rem;display:flex}.email-form__input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;padding:.9rem 1.25rem;font-size:.95rem}.email-form__input::placeholder{color:var(--text-muted)}.email-form__input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow)}.email-form__btn{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;white-space:nowrap;transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:.9rem 1.75rem;font-size:.95rem;font-weight:600;position:relative;overflow:hidden}.email-form__btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.email-form__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6c5ce759}.email-form__btn:hover:before{opacity:1}.email-form__btn:active{transform:translateY(0)}.email-form__btn--submitted{pointer-events:none;background:linear-gradient(135deg,#00cec9 0%,#6c5ce7 100%)}.success-msg{color:var(--accent-3);animation:fadeInUp .4s var(--transition-smooth) both;margin-bottom:2rem;font-size:.9rem}.error-msg{color:#ff7675;animation:fadeInUp .4s var(--transition-smooth) both;margin:-1rem 0 2rem;font-size:.9rem}.email-form__btn:disabled{opacity:.7;cursor:wait;transform:none}.countdown{animation:fadeInUp .8s var(--transition-smooth) .4s both;justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.countdown__item{flex-direction:column;align-items:center;gap:.4rem;display:flex}.countdown__value{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:3ch;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.countdown__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.countdown__separator{font-family:var(--font-display);color:var(--text-muted);align-self:flex-start;margin-top:.2rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.features{max-width:640px;animation:fadeInUp .8s var(--transition-smooth) .5s both;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth);padding:1.5rem 1.25rem}.feature-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-card__icon{margin-bottom:.75rem;font-size:1.8rem;display:block}.feature-card__title{font-family:var(--font-display);margin-bottom:.35rem;font-size:.95rem;font-weight:600}.feature-card__desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.footer{z-index:1;text-align:center;margin-top:auto;padding:2rem;position:relative}.footer__text{color:var(--text-muted);font-size:.78rem}.footer__heart{color:var(--accent-2);animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.15)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.email-form{flex-direction:column}.features{grid-template-columns:1fr;max-width:320px}.countdown{gap:.75rem}}@media (width<=480px){.coming-soon{padding:1.5rem 1rem}}
