:root{color-scheme:light;--bg:#f4f1e8;--ink:#10221b;--panel:rgba(255,252,244,0.92);--line:rgba(16,34,27,0.14);--accent:#a14021;--accent-soft:rgba(161,64,33,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(161,64,33,.16),transparent 35%),radial-gradient(circle at bottom right,rgba(16,34,27,.12),transparent 32%),var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif}body{padding:32px 20px 60px}.shell{margin:0 auto;max-width:1120px;display:grid;grid-gap:24px;gap:24px}.hero,.panel{border:1px solid var(--line);border-radius:24px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(16,34,27,.08)}.hero{padding:32px}.hero h1{margin:12px 0 16px;max-width:12ch;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95}.hero p,.panel li,.panel p,code,pre{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.panel{padding:24px}.panel-grid,.workspace-grid{display:grid;grid-gap:20px;gap:20px}.panel-grid,.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workspace-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.6);border:1px solid var(--line)}.panel h2,.workspace-card h3{margin-top:0}ul{padding-left:18px}pre,ul{margin:0}pre{padding:16px;overflow-x:auto;border-radius:16px;background:#10221b;color:#f6f4ef}code{font-size:.95rem}@media (max-width:640px){body{padding:20px 14px 48px}.hero,.panel{padding:20px}}