:root{--bg-primary: #060b18;--bg-secondary: #0a1020;--bg-tertiary: #0f1829;--color-primary: #4f8ef7;--color-primary-light: #7aaeff;--color-secondary: #00d4ff;--color-accent: #8b5cf6;--color-gold: #f59e0b;--color-success: #10b981;--text-primary: #e2e8f4;--text-secondary: #8898b3;--text-muted: #4a5a75;--border-color: rgba(79, 142, 247, .15);--border-hover: rgba(79, 142, 247, .45);--card-bg: rgba(255, 255, 255, .04);--card-hover: rgba(255, 255, 255, .07);--gradient-primary: linear-gradient(135deg, #4f8ef7, #8b5cf6);--gradient-secondary: linear-gradient(135deg, #00d4ff, #4f8ef7);--gradient-hero: linear-gradient(135deg, #4f8ef7 0%, #8b5cf6 50%, #00d4ff 100%);--shadow-glow-blue: 0 0 40px rgba(79, 142, 247, .25);--shadow-glow-purple: 0 0 40px rgba(139, 92, 246, .25);--shadow-card: 0 8px 40px rgba(0, 0, 0, .5);--shadow-button: 0 8px 30px rgba(79, 142, 247, .4);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--navbar-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit}img{max-width:100%}.container{max-width:1280px;margin:0 auto;padding:0 32px}section{position:relative;overflow:hidden}.reveal{opacity:0;transform:translateY(40px);transition:opacity .75s var(--transition-slow),transform .75s var(--transition-slow)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.gradient-text{background:var(--gradient-hero);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition)}.glass-card:hover{background:var(--card-hover);border-color:var(--border-hover);transform:translateY(-6px);box-shadow:var(--shadow-card)}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#4f8ef714;border:1px solid rgba(79,142,247,.25);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--color-primary);letter-spacing:.3px;margin-bottom:20px}.section-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.section-title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--text-primary);margin-bottom:20px}.section-desc{font-size:18px;color:var(--text-secondary);line-height:1.75;max-width:580px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--gradient-primary);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);letter-spacing:.2px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:var(--text-primary);font-size:15px;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:floatOrb 8s ease-in-out infinite}.orb-blue{background:radial-gradient(circle,rgba(79,142,247,.18),transparent 70%)}.orb-purple{background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);animation-delay:-3s}.orb-cyan{background:radial-gradient(circle,rgba(0,212,255,.12),transparent 70%);animation-delay:-5s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.95)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4f8ef74d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:root{--el-color-primary: #4f8ef7;--el-color-primary-light-3: rgba(79, 142, 247, .7);--el-color-primary-light-5: rgba(79, 142, 247, .5);--el-color-primary-light-7: rgba(79, 142, 247, .3);--el-color-primary-light-8: rgba(79, 142, 247, .2);--el-color-primary-light-9: rgba(79, 142, 247, .1);--el-color-primary-dark-2: #3d72c6;--el-bg-color: #0a0e1a;--el-bg-color-page: #0a0e1a;--el-bg-color-overlay: #151b2e;--el-text-color-primary: #e4e7ec;--el-text-color-regular: #a0a8b8;--el-text-color-secondary: #6b7280;--el-border-color: #1f2937;--el-border-color-light: #374151;--el-border-color-lighter: #4b5563;--el-fill-color-blank: #151b2e;--el-fill-color: #1f2937;--el-fill-color-light: #374151}:root[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--card-bg: #ffffff;--card-hover: #f9fafb;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--color-primary: #4f8ef7;--gradient-primary: linear-gradient(135deg, #4f8ef7, #8b5cf6);--el-color-primary: #4f8ef7;--el-color-primary-light-3: #7ba9f9;--el-color-primary-light-5: #a7c4fb;--el-color-primary-light-7: #d3dffd;--el-color-primary-light-8: #e9efff;--el-color-primary-light-9: #f4f7ff;--el-bg-color: #ffffff;--el-bg-color-page: #f5f7fa;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #1e293b;--el-text-color-regular: #64748b;--el-text-color-secondary: #94a3b8;--el-border-color: #e2e8f0;--el-border-color-light: #f0f2f5;--el-fill-color-blank: #ffffff;--el-fill-color-light: #f9fafb;--el-fill-color: #f5f7fa;--el-mask-color: rgba(0, 0, 0, .5);--transition: cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--card-bg: #1e293b;--card-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-hover: #475569;--color-primary: #4f8ef7;--gradient-primary: linear-gradient(135deg, #4f8ef7, #8b5cf6);--el-color-primary: #4f8ef7;--el-color-primary-light-3: #7ba9f9;--el-color-primary-light-5: #a7c4fb;--el-color-primary-light-7: #d3dffd;--el-color-primary-light-8: #e9efff;--el-color-primary-light-9: #f4f7ff;--el-bg-color: #1e293b;--el-bg-color-page: #0f172a;--el-text-color-primary: #f1f5f9;--el-text-color-regular: #cbd5e1;--el-border-color: #334155;--el-fill-color-blank: #1e293b;--transition: cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}#app{min-height:100vh}