:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #646cff;--accent-hover: #535bf2;--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--transition-speed: .3s;--nav-bg: rgba(10, 10, 10, .9);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .05)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--accent-color: #4f46e5;--accent-hover: #4338ca;--nav-bg: rgba(255, 255, 255, .9);--card-bg: rgba(0, 0, 0, .03);--card-border: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;background:var(--accent-color);color:#fff;padding:.6em 1.2em;border-radius:8px;font-size:1em;font-weight:500;transition:background-color var(--transition-speed),transform .2s}button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem;color:var(--accent-color)}h3{font-size:1.8rem}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}section{padding:60px 0}}