:root{font-family:system-ui,sans-serif;color:#172b3a;background:#f3f6f8}body{margin:0}main{max-width:960px;margin:auto;padding:48px 24px}header{margin-bottom:32px}.eyebrow{color:#12695c;letter-spacing:.12em;font-weight:700}h1{font-size:36px}section{padding:24px;margin:20px 0;background:#fff;border:1px solid #dbe3e9;border-radius:12px}h2{margin-top:0;font-size:20px}button{padding:10px 18px;border:0;border-radius:6px;background:#12695c;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid #49aa99;outline-offset:3px}ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}li{padding:16px;background:#f3f6f8;border-radius:6px;display:flex;justify-content:space-between;gap:12px}li span{color:#566676;font-size:14px}