:root{--navy:#15324a;--blue:#287b98;--sand:#f4ead9;--bg:#f5f7f8;--ink:#17252e;--muted:#6d7b83;--line:#dce3e6;--shadow:0 10px 30px #15324a12}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}
.hidden{display:none!important}
h1{font-size:20px;margin:0}h2{font-size:24px;margin:0 0 6px}
.mark{width:46px;height:46px;border-radius:12px;background:var(--sand);color:var(--navy);display:grid;place-items:center;font-weight:800;letter-spacing:.5px}
.brandline{display:flex;align-items:center;gap:13px}
.brandline p{margin:2px 0 0;color:var(--muted);font-size:13px}
.muted{color:var(--muted)}
.login{max-width:430px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.login h2{margin-top:18px}
.field{display:grid;gap:6px;margin:16px 0;font-weight:700;font-size:13px}
.field input{border:1px solid #cdd7dc;border-radius:9px;padding:12px;font-size:16px}
.primary{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:750;font-size:15px;cursor:pointer}
.full{width:100%}
.err{color:#b43e3e;font-weight:650;min-height:20px;margin-bottom:6px}
.top{background:var(--navy);color:#fff;padding:18px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.top .mark{background:var(--sand)}
.top .brandline p{color:#c7d3da}
.user{display:flex;gap:12px;align-items:center}
.user small{display:block;color:#b9c8d0;font-size:12px}.user strong{display:block}
.ghost{border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}
main{max-width:1000px;margin:auto;padding:28px clamp(16px,4vw,40px) 60px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tile{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s}
.tile:hover{transform:translateY(-2px);box-shadow:0 16px 36px #15324a1f}
.tileicon{font-size:34px}
.tile h3{margin:12px 0 4px;font-size:18px}
.tile p{margin:0;color:var(--muted);font-size:13px}