*{box-sizing:border-box}body{margin:0;font-family:Arial;background:linear-gradient(135deg,#eef5f8,#fff);color:#183042}.head{width:min(1100px,calc(100% - 24px));margin:14px auto 0;background:#fff;border-radius:20px 20px 0 0;padding:15px;display:flex;justify-content:space-between;align-items:center}.head img{width:100px}.top{width:min(1100px,calc(100% - 24px));margin:auto;background:#12345b;color:#fff;padding:12px 18px;display:flex;justify-content:space-between}.score{background:#fff;color:#12345b;border-radius:999px;padding:7px 12px;font-weight:bold}.shell{width:min(1100px,calc(100% - 24px));margin:auto;padding:22px}.hero,.card,.mission{background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(18,52,91,.14)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:32px;align-items:center}.hero img{width:100%}.hero h2{font-size:2.5rem;color:#12345b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.mission{padding:18px}.btn{display:inline-block;border:0;border-radius:12px;padding:11px 16px;background:#12345b;color:#fff;text-decoration:none;font-weight:bold;cursor:pointer}.card{padding:28px}.choice{width:100%;padding:13px;margin:6px 0;border:2px solid #d8e5ec;border-radius:12px;background:#fff;cursor:pointer;text-align:left}.ok{background:#e6f7ed;color:#17663f;padding:12px;border-radius:12px}.bad{background:#fff0ef;color:#922f2f;padding:12px;border-radius:12px}.hidden{display:none}.barbox{height:12px;background:#e6eef2;border-radius:99px;overflow:hidden}.bar{height:100%;background:#17a6a1;width:0}.notice{background:#fff7e7;border-left:6px solid #f28c3a;padding:12px;border-radius:10px}@media(max-width:750px){.hero,.grid{grid-template-columns:1fr}.head img{width:75px}}