:root{--bg-color:#0a0a0a;--surface-color:#151515;--surface-color-hover:#222222;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-color:#9D4EDD;--accent-hover:#7B2CBF;--border-color:#333333;--font-heading:'Montserrat', sans-serif;--font-body:Verdana, Geneva, sans-serif;--container-width:1200px;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-radius:8px;--transition-speed:0.3s ease}body.light-mode{--bg-color:#f8f9fa;--surface-color:#ffffff;--surface-color-hover:#f1f5f9;--text-main:#111827;--text-muted:#4b5563;--border-color:#e5e7eb}html,body{box-sizing:border-box;overflow-x:hidden;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed),color var(--transition-speed)}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;margin-top:0;color:var(--text-main);line-height:1.2}a{color:var(--text-main);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--accent-color)}img{max-width:100%;height:auto;display:block}