:root{--bg-color: #1a1e23;--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--accent-color: #58a6ff;--accent-gradient: linear-gradient(135deg, #1f6feb 0%, #58a6ff 100%);--secondary-bg: #21262d;--border-color: #30363d;--font-main: "Segoe UI", "Inter", system-ui, sans-serif;--nav-height: 64px}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{width:100%}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.section{padding:4rem 0}.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;font-size:1.05rem}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #0076ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0076ff66}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--secondary-bg);border-color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}h1,h2,h3,h4{margin:0 0 1.2rem;line-height:1.3}h1{font-size:3.5rem;font-weight:800;letter-spacing:-.03em}h2{font-size:2.5rem;font-weight:700;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;margin-bottom:2rem;display:inline-block}h3{font-size:1.5rem;font-weight:600;color:var(--accent-color)}p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:4rem 0}}