:root{--bg-start:#f6efff;--bg-end:#e6f7ff;--ink:#35294a;--muted:#6a5b86;--accent:#bba4ff;--accent-2:#ffd6f2;--card:rgba(255,255,255,0.75);--border:rgba(53,41,74,0.12);--shadow:0 10px 30px rgba(90,70,120,0.15);--radius-lg:24px;--radius-md:16px;--radius-sm:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;color:var(--ink);background:radial-gradient(1200px 800px at 10% 10%,#ffffff 0,transparent 55%),radial-gradient(900px 600px at 90% 10%,#f3e8ff 0,transparent 55%),linear-gradient(160deg,var(--bg-start),var(--bg-end));min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.pill{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(255,255,255,.6);box-shadow:0 8px 20px rgba(90,70,120,.12)}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:var(--card);box-shadow:var(--shadow)}.muted{color:var(--muted)}.hero-card{padding:24px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}button,input{font-family:inherit;font-size:1rem}input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(255,255,255,.9)}button{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--accent-2);color:var(--ink);cursor:pointer}ul{padding-left:20px}pre{background:rgba(255,255,255,.6);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}