*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2a3a;background:#f6f9fb;line-height:1.6}
a{color:#0b5fa5}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}header.top{background:#0b2545;color:#fff}header.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
header.top a{color:#fff;text-decoration:none;margin-left:16px}.brand{font-weight:800;font-size:1.25rem}.hero{background:linear-gradient(135deg,#0b2545,#13606e);color:#fff;padding:72px 0}
.hero h1{font-size:2.6rem;margin:0 0 12px}.hero p{max-width:720px;font-size:1.15rem}.btn{display:inline-block;padding:12px 22px;border-radius:8px;background:#ffb703;color:#0b2545;font-weight:700;text-decoration:none;margin:6px 8px 0 0}
.btn.alt{background:#fff}section{padding:56px 0}h2{font-size:1.8rem;margin-top:0}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.card h3{margin-top:0}.soon{opacity:.75}.tag{display:inline-block;font-size:.8rem;padding:2px 8px;border-radius:99px;background:#e6eef5;margin-bottom:8px}
.legacy{background:#eef2f6}.legacy img{height:56px;border-radius:6px}.logins a{display:block;background:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.06)}
footer{background:#0b2545;color:#cfd8e3;padding:28px 0;font-size:.9rem}footer a{color:#fff}.small{font-size:.8rem;opacity:.8}a:focus-visible{outline:3px solid #ffb703;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px}