@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#0b285b;--blue:#0878e8;--ink:#172b4d;--muted:#71809a;--line:#dce5f2;--bg:#f4f7fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}.top{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1120px)/2))}.top img{width:132px;max-height:58px;object-fit:contain}.account{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600}.account button{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 14px;color:var(--blue);font-weight:700;cursor:pointer}.wrap{max-width:1120px;margin:60px auto;padding:0 24px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--blue)}h1{font:800 34px Manrope,sans-serif;margin:10px 0}.intro{color:var(--muted);margin:0 0 28px;max-width:700px;line-height:1.6}.notice{border:1px solid var(--line);background:white;border-radius:10px;padding:18px;color:var(--muted);font-size:13px}.notice.error{color:#9f3029;background:#fff3f1;border-color:#f0c8c3}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 22px #16385b0a}.card .icon{width:44px;height:44px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:19px}.card h2{font:700 19px Manrope;margin:18px 0 8px}.card p{font-size:13px;line-height:1.6;color:var(--muted);min-height:42px}.card a{color:var(--blue);text-decoration:none;font-weight:700;font-size:13px}.card.disabled{opacity:.66;background:#fafbfd}.card.disabled span{font-size:11px;color:#86651e}.actions{display:flex;gap:22px;margin-top:28px;flex-wrap:wrap}.actions a{font-size:13px;color:var(--blue);text-decoration:none;font-weight:700}@media(max-width:600px){.top{height:auto;padding:12px 16px;gap:10px}.top img{width:108px}.account{gap:8px;font-size:10px}.account button{padding:8px}.wrap{margin:34px auto;padding:0 16px}h1{font-size:28px}}
