:root{--color-bg-primary:#0a0e1a;--color-bg-secondary:#111827;--color-bg-card:rgba(17,24,39,.7);--color-bg-glass:hsla(0,0%,100%,.04);--color-bg-glass-hover:hsla(0,0%,100%,.08);--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-accent-primary:#6366f1;--color-accent-primary-light:#818cf8;--color-accent-secondary:#06b6d4;--color-accent-tertiary:#a855f7;--color-accent-success:#22c55e;--color-accent-warning:#f59e0b;--color-accent-danger:#ef4444;--gradient-primary:linear-gradient(135deg,#6366f1,#06b6d4);--gradient-accent:linear-gradient(135deg,#a855f7,#6366f1 50%,#06b6d4);--gradient-hero:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(168,85,247,.08) 0%,transparent 50%);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(99,102,241,.3);--shadow-glow-lg:0 0 40px rgba(99,102,241,.2),0 0 80px rgba(6,182,212,.1);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--container-max:1280px;--container-narrow:768px;--nav-height:4.5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none}img,video{display:block;height:auto;max-width:100%}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit}ol,ul{list-style:none}input,select,textarea{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none}.container{margin-inline:auto;max-width:var(--container-max);padding-inline:var(--space-6);width:100%}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-24)}.section--hero{padding-block:var(--space-32) var(--space-24)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient--accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all var(--transition-base);white-space:nowrap}.btn--primary{background:var(--gradient-primary);box-shadow:var(--shadow-glow);color:#fff}.btn--primary:hover{box-shadow:var(--shadow-glow-lg);transform:translateY(-2px)}.btn--secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid hsla(0,0%,100%,.1);color:var(--color-text-primary)}.btn--secondary:hover{background:var(--color-bg-glass-hover);border-color:#fff3;transform:translateY(-2px)}.btn--lg{border-radius:var(--radius-xl);font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{background:var(--color-bg-glass-hover);border-color:#ffffff1f;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge{align-items:center;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);color:var(--color-accent-primary-light);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-2);letter-spacing:.05em;padding:var(--space-1) var(--space-4);text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f180,0 0 80px #06b6d433}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){:root{--text-7xl:2.5rem;--text-6xl:2.25rem;--text-5xl:2rem;--text-4xl:1.75rem;--space-24:4rem;--space-32:5rem}.section{padding-block:var(--space-16)}.container{padding-inline:var(--space-4)}}