@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--vivuk-primary:#6c3ae0;--vivuk-primary-light:#8b5cf6;--vivuk-primary-dark:#5027b0;--vivuk-accent:#14f0c5;--vivuk-accent-dark:#0dd1a8;--vivuk-warning:#f59e0b;--vivuk-danger:#ef4444;--vivuk-success:#10b981;--surface-0:#0a0a12;--surface-1:#111120;--surface-2:#1a1a2e;--surface-3:#252540;--surface-4:#30305a;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#6b6b8d;--border-color:#8c5cf626;--border-hover:#8c5cf659;--gradient-brand:linear-gradient(135deg, #6c3ae0 0%, #14f0c5 100%);--gradient-surface:linear-gradient(180deg, #111120 0%, #0a0a12 100%);--gradient-card:linear-gradient(145deg, #1a1a2ecc 0%, #111120e6 100%);--gradient-glow:radial-gradient(ellipse at center, #6c3ae026 0%, transparent 70%);--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 24px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 40px #6c3ae040;--shadow-accent:0 0 30px #14f0c533;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--surface-0);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.heading-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1}.heading-xl{font-size:clamp(2.5rem,5vw,4.5rem)}.heading-lg{font-size:clamp(2rem,4vw,3rem)}.heading-md{font-size:clamp(1.5rem,3vw,2rem)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0;position:relative}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;border:none;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:var(--surface-0);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #6c3ae066}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-secondary:hover{border-color:var(--vivuk-primary-light);background:#6c3ae01a}.btn-accent{background:var(--vivuk-accent);color:var(--surface-0);font-weight:700}.btn-accent:hover{background:var(--vivuk-accent-dark);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);background:#11112099}.badge{border-radius:var(--radius-full);letter-spacing:.03em;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--vivuk-primary-light);background:#6c3ae026;border:1px solid #6c3ae04d}.badge-accent{color:var(--vivuk-accent);background:#14f0c51a;border:1px solid #14f0c533}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6c3ae033}50%{box-shadow:0 0 40px #6c3ae066}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-in{animation:fadeInUp .6s var(--ease-out) both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}@media (max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}