:root{--bg:#ffffff;--fg:#171717;--primary:#8b5cf6;--secondary:#14b8a6;--font-sans:system-ui,sans-serif;--space-sm:1rem;--space-md:2rem;--space-lg:3rem}html.dark{--bg:#101010;--fg:#ededed;--primary:#8b5cf6;--secondary:#14b8a6}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);display:flex;flex-direction:column}main{flex:1 1}.container{max-width:48rem;margin:0 auto;padding:0 var(--space-sm)}.section{padding:var(--space-lg) 0}h1{font-size:3rem;font-weight:800;line-height:1.1}h2{font-size:2.25rem;font-weight:700}p{margin-top:var(--space-sm);line-height:1.6;color:var(--fg)}.btn{display:inline-block;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:.5rem;cursor:pointer;transition:background .2s,color .2s}.btn-primary{background:var(--secondary);color:#fff}.btn-primary:hover{background:#0f766e}.btn-secondary{background:var(--primary);color:#fff}.btn-secondary:hover{background:#7e3af2}.text-center{text-align:center}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}