*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}nav{background:#13233f;color:white;padding:16px 5%;display:flex;gap:22px;align-items:center}nav a{color:white;text-decoration:none}main{max-width:1180px;margin:40px auto;padding:20px}.card{max-width:520px;background:white;border-radius:18px;padding:30px;box-shadow:0 10px 35px #0001}.hero{text-align:center;padding-top:80px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:28px}.stat{background:white;border-radius:16px;padding:24px;box-shadow:0 6px 25px #0001}.stat b{display:block;font-size:32px;margin-top:10px}input,button{padding:12px;border:1px solid #d7deea;border-radius:9px;margin:6px;width:100%}button{background:#173e76;color:#fff;cursor:pointer}.inline{display:flex}.notice{background:#fff8d8;padding:14px;border-radius:8px;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;background:white;margin-top:20px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8edf5}code{font-size:11px;overflow-wrap:anywhere}

.modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.modules div{background:white;padding:18px;border-radius:12px;box-shadow:0 5px 20px #0001}h2{margin-top:36px}@media(max-width:700px){.inline{display:block}nav{flex-wrap:wrap}table{font-size:12px;display:block;overflow:auto}}