:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #141414;--bg-card-hover: #1c1c1c;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-purple: #8b5cf6;--accent-indigo: #6366f1;--accent-cyan: #06b6d4;--accent-gradient: linear-gradient(135deg, #8b5cf6, #6366f1, #06b6d4);--accent-gradient-hover: linear-gradient(135deg, #a78bfa, #818cf8, #22d3ee);--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-cyan: 0 0 20px rgba(6, 182, 212, .3);--glow-intense: 0 0 40px rgba(139, 92, 246, .5), 0 0 80px rgba(99, 102, 241, .2);--border-color: rgba(255, 255, 255, .06);--border-glow: rgba(139, 92, 246, .3);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--nav-height: 72px;--section-padding: 120px;--container-width: 1200px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,textarea{font-family:inherit;color:inherit;border:none;outline:none;background:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0;position:relative}.section-label{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;display:inline-block}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:20px}.section-desc{font-size:1.125rem;color:var(--text-secondary);max-width:600px;line-height:1.7}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:12px;font-family:var(--font-display);font-size:1rem;font-weight:600;transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-purple)}.btn--primary:hover{box-shadow:var(--glow-intense);transform:translateY(-2px)}.btn--outline{border:1px solid var(--border-glow);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn--outline:hover{background:#8b5cf61a;border-color:var(--accent-purple);box-shadow:var(--glow-purple);transform:translateY(-2px)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.glow-border:hover:before{opacity:1}::selection{background:#8b5cf64d;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@media(max-width:768px){:root{--section-padding: 80px;--nav-height: 64px}.container{padding:0 16px}.section-desc{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666,0 0 60px #6366f133}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scroll-hint{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px rgba(139,92,246,.6),0 0 10px rgba(139,92,246,.4),0 0 21px rgba(139,92,246,.3),0 0 42px rgba(99,102,241,.2)}20%,24%,55%{text-shadow:none}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{opacity:0;transform:translateY(40px)}.animate-fade-in-up.is-visible{animation:fadeInUp .8s var(--ease-out-expo) forwards}.animate-fade-in{opacity:0}.animate-fade-in.is-visible{animation:fadeIn .6s ease forwards}.stagger-children>*{opacity:0;transform:translateY(30px)}.stagger-children.is-visible>*:nth-child(1){animation:fadeInUp .6s var(--ease-out-expo) 0s forwards}.stagger-children.is-visible>*:nth-child(2){animation:fadeInUp .6s var(--ease-out-expo) .1s forwards}.stagger-children.is-visible>*:nth-child(3){animation:fadeInUp .6s var(--ease-out-expo) .2s forwards}.stagger-children.is-visible>*:nth-child(4){animation:fadeInUp .6s var(--ease-out-expo) .3s forwards}.stagger-children.is-visible>*:nth-child(5){animation:fadeInUp .6s var(--ease-out-expo) .4s forwards}.stagger-children.is-visible>*:nth-child(6){animation:fadeInUp .6s var(--ease-out-expo) .5s forwards}.stagger-children.is-visible>*:nth-child(7){animation:fadeInUp .6s var(--ease-out-expo) .6s forwards}.stagger-children.is-visible>*:nth-child(8){animation:fadeInUp .6s var(--ease-out-expo) .7s forwards}.stagger-children.is-visible>*:nth-child(9){animation:fadeInUp .6s var(--ease-out-expo) .8s forwards}.stagger-children.is-visible>*:nth-child(10){animation:fadeInUp .6s var(--ease-out-expo) .9s forwards}.stagger-children.is-visible>*:nth-child(11){animation:fadeInUp .6s var(--ease-out-expo) 1s forwards}.stagger-children.is-visible>*:nth-child(12){animation:fadeInUp .6s var(--ease-out-expo) 1.1s forwards}
