*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:Inter,sans-serif;transition:background .3s ease,color .3s ease}:root{--bg-main: #020617;--bg-surface: rgba(15, 23, 42, .75);--bg-card: #0f172a;--primary: #6366f1;--secondary: #22d3ee;--text-main: #e2e8f0;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--radius: 18px;--radius-sm: 10px;--transition: all .3s ease;--shadow-soft: 0 10px 25px rgba(0, 0, 0, .25);--shadow-glow: 0 20px 40px rgba(99, 102, 241, .25)}.light-theme{--bg-main: #f6f7fb;--bg-surface: rgba(255, 255, 255, .85);--bg-card: #ffffff;--primary: #4f46e5;--secondary: #06b6d4;--text-main: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .12);--shadow-soft: 0 10px 25px rgba(0, 0, 0, .08);--shadow-glow: 0 20px 40px rgba(79, 70, 229, .2)}body{background:var(--bg-main);color:var(--text-main)}h1{font-size:3rem;font-weight:600}h2{font-size:2.5rem;font-weight:600}h3{font-size:1.4rem;font-weight:600}p{font-size:1rem;line-height:1.6}section{padding:5rem 2rem}@media (max-width: 768px){section{padding:3rem 1rem}}