body{font:16px system-ui;color:#18314d;background:#f4f7fb;margin:0}main{max-width:960px;margin:auto;padding:24px}header{background:#18314d;color:white}h1{font-size:clamp(28px,5vw,42px)}section{background:white;border-radius:14px;padding:24px;margin:18px 0;border:1px solid #dde5ef}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}button,a{display:block;padding:16px;border-radius:8px;border:1px solid #bbd1e9;background:#eef5fc;color:#123f73;font:inherit;text-align:left;cursor:pointer;text-decoration:none}small{display:block;margin-top:8px}p{line-height:1.6}#status{min-height:24px}button:disabled{opacity:.6}