:root{--bg-color: #f0f2f5;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--accent-color: #007bff;--card-bg: #ffffff;--card-hover: #f8f9fa;--border-color: #d1d5db;--font-main: "Inter", system-ui, -apple-system, sans-serif;--spacing-unit: 8px;--nav-bg: rgba(240, 242, 245, .85);--nav-border: rgba(0, 0, 0, .05);--card-glass: rgba(255, 255, 255, .6);--card-glass-hover: rgba(255, 255, 255, .8);--text-glow: 0 1px 2px rgba(0, 0, 0, .2);--text-glow-hover: 0 0 10px rgba(0, 123, 255, .3)}.dark{--bg-color: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #00f2ff;--card-bg: #111111;--card-hover: #1a1a1a;--border-color: #333333;--nav-bg: rgba(10, 10, 10, .85);--nav-border: rgba(255, 255, 255, .1);--card-glass: rgba(255, 255, 255, .03);--card-glass-hover: rgba(255, 255, 255, .08);--text-glow: 0 0 10px rgba(0, 242, 255, .2);--text-glow-hover: 0 0 20px rgba(0, 242, 255, .6), 0 0 10px rgba(255, 255, 255, .4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}section{padding:4rem 2rem;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem;transition:text-shadow .3s ease,transform .3s ease,color .3s ease;text-shadow:var(--text-glow)}h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{text-shadow:var(--text-glow-hover);transform:scale(1.02);color:var(--accent-color);cursor:default}h1{font-size:3.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:2.5rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:2rem}@media(max-width:768px){section{padding:3rem 1.5rem}h1{font-size:2.5rem}h2{font-size:1.8rem}}