*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f0f2f5;color:#1a1a2e;line-height:1.6}
header{background:linear-gradient(135deg,#002868 0%,#003f8a 100%);color:#fff;padding:2rem 1rem;text-align:center}
.logo{margin-bottom:.5rem}
header h1{font-size:1.8rem;margin-bottom:.3rem}
header p{font-size:1rem;opacity:.85}
main{max-width:860px;margin:1.5rem auto;padding:0 1rem}
.intro{background:#fff;border-radius:8px;padding:1.2rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.intro h2{font-size:1.15rem;margin-bottom:.4rem;color:#002868}
.intro p{font-size:.92rem;color:#444}
.table-wrap{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px rgba(0,0,0,.08)}
caption{padding:.6rem;font-size:.85rem;font-weight:600;color:#002868;text-align:left;caption-side:top}
table{width:100%;border-collapse:collapse;min-width:620px}
thead{background:#002868;color:#fff}
th{padding:.7rem .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap}
th:first-child{text-align:center;width:42px}
td{padding:.6rem;font-size:.9rem;border-bottom:1px solid #eee}
td:first-child{text-align:center;font-weight:700;color:#555}
tr:hover{background:#f7f9fc}
.club{font-weight:600}
.num{text-align:center}
.form-badge{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff}
.form-w{background:#27ae60}
.form-d{background:#f39c12}
.form-l{background:#e74c3c}
.faq{background:#fff;border-radius:8px;padding:1.2rem 1.5rem;margin-top:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.faq h2{font-size:1.15rem;margin-bottom:.8rem;color:#002868}
.faq details{margin-bottom:.6rem;border-bottom:1px solid #eee;padding-bottom:.6rem}
.faq summary{cursor:pointer;font-weight:600;font-size:.92rem;padding:.3rem 0}
.faq p{font-size:.88rem;color:#444;margin-top:.3rem}
.about{margin-top:1.5rem}
footer{text-align:center;padding:2rem 1rem;font-size:.8rem;color:#888}
footer a{color:#002868;text-decoration:none}
@media(max-width:600px){
  header h1{font-size:1.3rem}
  th,td{padding:.5rem .4rem;font-size:.8rem}
}