.card h2,a{color:var(--c-primary)}footer,header{text-align:center}:root{--c-primary:#7B2CBF;--c-bg:#F5F7FA;--c-card:#FFFFFF;--c-text:#212529;--c-muted:#6C757D;--c-code-bg:#e9ecef;--c-pre-bg:#f0f4f8}[data-theme=dark]{--c-primary:#C77DFF;--c-bg:#1E1F26;--c-card:#2A2C33;--c-text:#E0E0E0;--c-muted:#B0B3B8;--c-code-bg:#3A3D44;--c-pre-bg:#2F3239}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.6;transition:background .3s,color .3s}header{background:var(--c-primary);color:#fff;padding:3rem 1rem;position:relative}header h1{margin:0;font-size:2.5rem;letter-spacing:-.02em}header p{margin-top:.5rem;font-size:1.1rem;opacity:.9}.header-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.6rem}.btn{background:rgba(255,255,255,.2);border:none;border-radius:8px;padding:.5rem .9rem;color:#fff;cursor:pointer;font-weight:500;transition:background .2s}.card,pre{border-radius:12px}.btn:hover{background:rgba(255,255,255,.35)}main{max-width:800px;margin:2rem auto;padding:0 1rem}.card{background:var(--c-card);box-shadow:0 4px 12px rgba(0,0,0,.07);padding:2rem;margin-bottom:2rem;transition:background .3s,box-shadow .3s}.card h2{margin-top:0;font-size:1.8rem}.card li,.card p,footer{color:var(--c-muted)}.card ul{padding-left:1.2rem}a{text-decoration:none}a:hover{text-decoration:underline}pre{background:var(--c-pre-bg);padding:1rem;overflow-x:auto}code{font-family:monospace;background:var(--c-code-bg);padding:.2rem .4rem;border-radius:4px}footer{padding:1.5rem 0;font-size:.9rem}@media (max-width:600px){header{padding:2rem 1rem}.header-actions{position:static;justify-content:center;margin-top:1rem}.card{padding:1.5rem}}