:root{--ink:#1a1d24;--mut:#6b7280;--line:#eceef2;--bg:#fbfcfd;--card:#fff;--ac:#3a6df0;--acd:#2a52c0;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--bg);line-height:1.6}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:20px 24px;font-family:system-ui,sans-serif}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;color:var(--ink);text-decoration:none}
.logo span{width:14px;height:14px;border-radius:4px;background:linear-gradient(145deg,var(--ac),var(--acd))}
.nav nav a{margin-left:22px;color:var(--mut);text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--ink)}
.hero{max-width:1080px;margin:0 auto;padding:60px 24px 42px;text-align:center}.hero.sm{padding:44px 24px 24px}
.ey{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--ac);font-weight:700;margin-bottom:14px}
.hero h1{font-size:52px;line-height:1.1;letter-spacing:-.5px}.hero.sm h1{font-size:36px}
.tag{font-size:19px;color:var(--mut);margin:16px auto 0;max-width:620px}
.btn{display:inline-block;margin-top:26px;background:linear-gradient(145deg,var(--ac),var(--acd));color:#fff;text-decoration:none;font-family:system-ui,sans-serif;font-weight:600;font-size:15px;padding:13px 28px;border-radius:10px}
.wrap{max-width:1080px;margin:0 auto;padding:30px 24px 10px}.wrap h2{font-size:26px;margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);transition:.15s}
a.cat:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(26,29,36,.08);border-color:#dfe3ea}
.cat svg{width:28px;height:28px;fill:none;stroke:var(--ac);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.cat b{display:block;font-size:17px;margin-bottom:5px}.cat span{font-family:system-ui,sans-serif;font-size:13px;color:var(--mut)}
.latest{padding-top:36px}
.soon{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-top:4px}
.soon svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--ac);stroke-width:1.6}
.soon b{display:block;font-family:system-ui,sans-serif;font-size:15px}.soon span{font-family:system-ui,sans-serif;font-size:13px;color:var(--mut)}
footer{max-width:1080px;margin:50px auto 0;padding:26px 24px 50px;border-top:1px solid var(--line);font-family:system-ui,sans-serif;font-size:13px;color:var(--mut)}
.fnote{margin-top:6px;color:#9aa0ad}
@media(max-width:780px){.grid{grid-template-columns:1fr}.hero h1{font-size:38px}}