:root{--bg-primary:#080808;--bg-secondary:#0a0a0f;--bg-tertiary:#0d0d14;--bg-card:#ffffff08;--accent-purple:#7c3aed;--accent-cyan:#06b6d4;--accent-purple-light:#a78bfa;--accent-cyan-light:#67e8f9;--accent-green:#10b981;--gradient-primary:linear-gradient(135deg, #7c3aed, #06b6d4);--gradient-purple:linear-gradient(135deg, #7c3aed, #a78bfa);--gradient-cyan:linear-gradient(135deg, #06b6d4, #67e8f9);--gradient-accent:linear-gradient(135deg, #7c3aed, #06b6d4, #7c3aed);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--glass-bg:#ffffff08;--glass-border:#ffffff0f;--glass-bg-hover:#ffffff0f;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-glow:0 0 40px #7c3aed26;--shadow-card:0 8px 32px #0006;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-base:.4s cubic-bezier(.16, 1, .3, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c3aed80}::selection{color:#fff;background:#7c3aed4d}.noise-overlay{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff1a}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-cyan{background:var(--gradient-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan), var(--accent-purple));z-index:-1;opacity:.6;transition:opacity var(--transition-base);background-size:200% 200%;animation:3s linear infinite borderRotate;position:absolute;inset:-1px}.gradient-border:hover:before{opacity:1}@keyframes borderRotate{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.section{max-width:1280px;margin:0 auto;padding:120px 24px;position:relative}.section-title{font-family:var(--font-display);text-align:center;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 64px;font-size:1.125rem;line-height:1.7}.container{max-width:1280px;margin:0 auto;padding:0 24px}#preloader{z-index:10000;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#preloader.hidden{opacity:0;visibility:hidden}.preloader-logo{width:48px;height:48px;animation:1.5s ease-in-out infinite pulseLogo;position:relative}.preloader-logo svg{width:100%;height:100%}.preloader-bar{background:#ffffff1a;border-radius:2px;width:120px;height:2px;margin-top:24px;overflow:hidden}.preloader-bar-fill{background:var(--gradient-primary);border-radius:2px;width:0%;height:100%;transition:width .3s}@keyframes pulseLogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (width<=768px){.section{padding:80px 16px}.section-subtitle{margin-bottom:48px;font-size:1rem}}@media (width<=480px){.section{padding:60px 16px}}