:root{--bg: #07070d;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .09);--text: #f4f4f7;--muted: #9a9aad;--accent-1: #7c5cff;--accent-2: #00d4ff;--accent-3: #ff4ecd;--success: #34d399;--danger: #ff6b81;--radius: 18px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:28px clamp(16px,5vw,56px)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.blob--1{width:520px;height:520px;background:var(--accent-1);top:-160px;left:-120px;animation:float1 18s ease-in-out infinite}.blob--2{width:460px;height:460px;background:var(--accent-2);bottom:-180px;right:-100px;opacity:.4;animation:float2 22s ease-in-out infinite}.blob--3{width:360px;height:360px;background:var(--accent-3);top:40%;left:55%;opacity:.28;animation:float3 26s ease-in-out infinite}@keyframes float1{50%{transform:translate(140px,120px) scale(1.15)}}@keyframes float2{50%{transform:translate(-160px,-100px) scale(1.1)}}@keyframes float3{50%{transform:translate(-220px,-160px) scale(.85)}}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 100%)}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.spotlight{--x: 50%;--y: 40%;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px circle at var(--x) var(--y),rgba(124,92,255,.12),transparent 60%);transition:background .1s}.hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 0;max-width:880px;margin:0 auto;width:100%}.hero>*{animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) both}.hero>:nth-child(2){animation-delay:.1s}.hero>:nth-child(3){animation-delay:.2s}.hero>:nth-child(4){animation-delay:.3s}.hero>:nth-child(5){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}}.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 12px;border-radius:999px;font-size:.82rem;font-weight:500;color:#d9d4ff;background:#7c5cff1f;border:1px solid rgba(124,92,255,.35)}.badge__dot{width:8px;height:8px;border-radius:50%;background:var(--accent-1);box-shadow:0 0 #7c5cffb3;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #7c5cff00}to{box-shadow:0 0 #7c5cff00}}.title{margin-top:28px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.4rem,7vw,5rem);line-height:1.05;letter-spacing:-.035em}.title__gradient{background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3),var(--accent-1));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}@keyframes shimmer{to{background-position:300% 0}}.subtitle{margin-top:22px;max-width:560px;font-size:clamp(1rem,2vw,1.13rem);line-height:1.65;color:var(--muted)}.footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.85rem;color:var(--muted)}.socials{display:flex;gap:10px}.socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:color .2s,transform .2s,border-color .2s}.socials a:hover{color:var(--text);border-color:#ffffff40;transform:translateY(-2px)}@media(max-width:520px){.footer{flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}