:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--bg-glass: rgba(30, 30, 30, .65);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--accent-blue: #2997ff;--accent-purple: #a855f7;--accent-pink: #f472b6;--accent-cyan: #22d3ee;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-text: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .15), rgba(168, 85, 247, .15));--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--section-padding: clamp(80px, 12vh, 140px);--container-max: 1200px;--container-padding: clamp(20px, 5vw, 80px);--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-card: 1px solid rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 60px rgba(99, 102, 241, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .2s var(--ease-out);--transition-medium: .4s var(--ease-out);--transition-slow: .8s var(--ease-out)}[data-theme=light]{--bg-primary: #f8f8fa;--bg-secondary: #f0f0f3;--bg-tertiary: #e5e5ea;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .06);--bg-glass: rgba(248, 248, 250, .7);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #8e8e93;--accent-blue: #0066cc;--accent-purple: #7c3aed;--accent-pink: #db2777;--accent-cyan: #0891b2;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);--gradient-text: linear-gradient(90deg, #4f46e5, #7c3aed, #db2777);--gradient-subtle: linear-gradient(135deg, rgba(79, 70, 229, .08), rgba(124, 58, 237, .08));--border-subtle: 1px solid rgba(0, 0, 0, .06);--border-card: 1px solid rgba(0, 0, 0, .08);--shadow-card: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glow: 0 0 60px rgba(79, 70, 229, .08);--mobile-menu-bg: rgba(248, 248, 250, .97);--mobile-link-hover: rgba(0, 0, 0, .04)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}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}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0;position:relative}.section-label{font-family:var(--font-display);font-size:clamp(.7rem,1vw,.85rem);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);margin-bottom:1.5rem;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:24px;height:1px;background:var(--gradient-primary)}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem}.section-subtitle{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--text-secondary);line-height:1.7;max-width:600px}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-card);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition-medium),background-color .4s ease,border-color .4s ease}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-4px);box-shadow:var(--shadow-card)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:.95rem;border-radius:50px;transition:all var(--transition-medium);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}.btn-primary:hover:before{opacity:.15}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f159}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--text-primary);font-weight:500;font-size:.95rem;border:var(--border-card);border-radius:50px;transition:all var(--transition-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translateY(-2px)}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),rgba(168,85,247,.2),rgba(236,72,153,.15),transparent);margin:0;position:relative;overflow:visible}.section-divider:after{content:"";position:absolute;top:-1px;left:-30%;width:30%;height:3px;background:var(--gradient-primary);border-radius:2px;filter:blur(1px);animation:dividerSlide linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes dividerSlide{0%{left:-30%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}main{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:#6366f14d;color:var(--text-primary)}@media(max-width:1024px){:root{--container-padding: clamp(20px, 4vw, 40px);--section-padding: clamp(60px, 10vh, 100px)}.section-title{font-size:clamp(2rem,4.5vw,3.2rem)}}@media(max-width:768px){:root{--container-padding: 20px;--section-padding: 60px}.section{padding:60px 0}.section-title{font-size:clamp(1.8rem,7vw,2.5rem)}.section-subtitle{font-size:.95rem}.glass-card{padding:20px;border-radius:var(--radius-md)}.btn-primary,.btn-secondary{padding:12px 24px;font-size:.9rem;min-height:48px}}@media(max-width:480px){:root{--container-padding: 16px}.section{padding:48px 0}.section-title{font-size:clamp(1.5rem,8vw,2rem)}.section-label{font-size:.65rem}.glass-card{padding:16px;border-radius:var(--radius-sm)}}@media(hover:none){.glass-card:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}