:root{--primary: #2563eb;--secondary: #475569;--background: #f8fafc;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0}html.dark{--primary: #60a5fa;--secondary: #94a3b8;--background: #0f172a;--surface: #1e293b;--text-main: #f1f5f9;--text-muted: #cbd5e1;--border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.2}.container{max-width:1000px;margin:0 auto;padding:2rem}.section{background:var(--surface);border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:transform .2s,box-shadow .2s}.section:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.section-title{font-size:1.25rem;color:var(--primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.container{padding:1rem}.section{padding:1.5rem}}