*{box-sizing:border-box}body{margin:0;background:#f6f5fb;color:#25223b;font:16px system-ui,sans-serif}
    main{max-width:1050px;margin:auto;padding:28px 20px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}
    h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.5px;margin:20px 0 8px}h2{font-size:22px}p{line-height:1.6}
    .muted,small{color:#686479}.brand{font-weight:800;color:#6750a4;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .card,section{background:white;border:1px solid #e7e3f0;border-radius:20px;padding:22px;margin:18px 0}
    .big{font-size:40px;font-weight:750;display:block}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #eeeaf5;padding:16px 0}
    button,.button{background:#6750a4;color:white;border:0;border-radius:10px;padding:11px 17px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
    button.secondary{background:#ece8f5;color:#493d69}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d29b10;outline-offset:3px}
    input,select{font:inherit;border:1px solid #cfc9dd;border-radius:9px;padding:11px;max-width:100%;margin:6px 4px 6px 0}label{display:block;margin:10px 0}
    progress{width:100%;accent-color:#6750a4}nav{display:flex;gap:14px;align-items:center}a{color:#6750a4}.pill{background:#e4f4eb;color:#246346;border-radius:30px;padding:5px 10px;font-size:13px}
    .inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.empty{padding:24px;color:#686479}.notice{background:#fff6d9;padding:14px;border-radius:10px}
    @media(max-width:650px){.cards{grid-template-columns:1fr;gap:0}.card{margin:6px 0}.row{align-items:flex-start;flex-direction:column}header{align-items:flex-start}nav{flex-wrap:wrap}.big{font-size:32px}}