:root { --bg:#f2f6fc; --card:#fff; --ink:#162640; --muted:#53637a; --blue:#175cd3; --dark:#0b2b69; --border:#dbe4f0; --gold:#fcbf3f; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:#1355b4;text-underline-offset:3px} a:focus-visible,button:focus-visible{outline:3px solid #f3a927;outline-offset:4px}
header{background:linear-gradient(110deg,#071e50 0%,#124a9c 75%,#1376da 100%);color:#fff;padding:24px 16px 32px}
.container{max-width:1020px;margin:auto} .top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.brand{font-weight:900;letter-spacing:.025em;font-size:2rem;line-height:1.05}.subtitle{font-size:.86rem;color:#cfdef6}
nav{display:flex;gap:9px;flex-wrap:wrap} nav a{color:#fff;text-decoration:none;border:1px solid #ffffff56;padding:8px 12px;border-radius:12px;font-weight:650;font-size:.88rem} nav a:hover,nav a[aria-current]{background:#ffffff27}
.hero{margin-top:24px;max-width:820px} .eyebrow{color:#ffe49a;font-weight:750;letter-spacing:.075em;text-transform:uppercase;font-size:.76rem}.hero h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.25;margin:9px 0}.hero p{color:#dce9ff;max-width:730px;margin:0}
main{padding:26px 16px 60px} .panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:clamp(18px,3.4vw,36px);margin:0 0 19px;box-shadow:0 6px 22px #19395b08}
.panel h2{font-size:1.55rem;line-height:1.3;margin:0 0 12px;color:#0b2b69}.panel h3{font-size:1.12rem;margin:25px 0 8px;color:#153d7e}.panel p{margin:9px 0 15px}.panel li{padding-left:2px;margin:7px 0}.panel ul,.panel ol{padding-left:25px}.muted{color:var(--muted)}
.date{font-size:.87rem;color:#5b6575}.jump{display:inline-block;padding:10px 18px;background:#1557ce;border-radius:10px;color:white;text-decoration:none;font-weight:750}.jump:hover{background:#0c3f9b}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 25px}.prize{padding:16px;border:1px solid var(--border);background:#f7faff;border-radius:15px}.prize strong{display:block;font-size:1.12rem}.prize .rank{color:#154b9d;font-weight:800;font-size:.82rem;text-transform:uppercase}.prize .emoji{font-size:1.7rem;display:block;margin-bottom:6px}
.notice{padding:15px 18px;background:#fff5de;border:1px solid #efcc75;color:#5b3e09;border-radius:12px;margin:18px 0}.notice strong{color:#4b3100}.good{padding:15px 18px;background:#eef9f2;border:1px solid #b6ddc5;color:#155334;border-radius:12px;margin:18px 0}
.two-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.textbtn{padding:10px 15px;border:1px solid #c5d8f0;border-radius:10px;text-decoration:none;font-weight:700}
footer{padding:24px 16px;background:#061a3c;color:#d7e5fb;text-align:center;font-size:.91rem}footer a{color:#e5edff}
.meta{font-size:.84rem;color:#60708a} .section-links{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:620px){.grid{grid-template-columns:1fr}.brand{font-size:1.65rem}nav a{font-size:.79rem;padding:7px 9px}.panel{padding:21px 17px}}