*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-card:#fff;--text-primary:#111;--text-secondary:#4b4b4b;--text-muted:#6c6c6c;--border-light:#eaeef2;--accent:#000;--accent-hover:#2c2c2c;--shadow-sm:0 1px 2px #00000008, 0 1px 3px #00000008;--shadow-md:0 4px 12px #0000000d;--transition:all .3s ease}body.dark{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#141414;--text-primary:#ededed;--text-secondary:#b0b0b0;--text-muted:#7e7e7e;--border-light:#222;--accent:#fff;--accent-hover:#e0e0e0;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s,color .2s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:5rem 0}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:500;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:600}h2{margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.5rem)}.section-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:3rem;font-size:1.1rem}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:2rem;padding:.8rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.btn-outline{border:1px solid var(--text-primary);color:var(--text-primary);background:0 0}.btn-outline:hover{background-color:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px)}.theme-toggle{cursor:pointer;transition:var(--transition);color:var(--text-primary);background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.2rem}.theme-toggle:hover{background-color:var(--bg-secondary)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{background-color:var(--bg-card);border:1px solid var(--border-light);transition:var(--transition);border-radius:1rem;padding:2rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}@media (max-width:768px){.container{padding:0 1.5rem}section{padding:3rem 0}}