:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#183d39;background:#f2f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,footer{max-width:1100px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:30px;font-weight:850;text-decoration:none;letter-spacing:2px;display:flex;gap:16px;align-items:center}.brand span{font-size:12px;font-weight:600;letter-spacing:.05em}.badge{border:1px solid #bdcbc5;border-radius:30px;padding:7px 12px;font-size:12px;white-space:nowrap}main{max-width:760px;margin:30px auto 0;padding:0 32px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:750;color:#44736b}h1{font-size:42px;letter-spacing:.04em;margin:13px 0 18px}p{line-height:1.85}.lead{color:#49655e;margin-bottom:32px}.cards{display:grid;grid-template-columns:1fr;gap:22px}.card{position:relative;border-radius:18px;padding:32px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #163b3410;border:1px solid #dae3dd}.learner{border-top:5px solid #27675a}.category{font-size:12px;color:#53746a;margin:0;position:relative;font-weight:650}.card h2{font-size:25px;margin:13px 0 16px;position:relative}.card p:not(.category){color:#52675f;font-size:15px;margin-bottom:25px}.button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:16px 19px;border-radius:9px;text-decoration:none;color:white;background:#20594e;font-size:15px;font-weight:650;min-height:54px}.button:hover{filter:brightness(.94)}a:focus-visible{outline:3px solid #cf922c;outline-offset:5px}.card small{display:block;font-size:11px;color:#5a6f65;line-height:1.8;margin-top:14px}.help{padding:23px 27px;margin-top:28px;border-radius:14px;border:1px solid #d6e1d8;background:#e8efe7}.help h2{font-size:17px;margin:0 0 13px}.help ol{padding-left:23px;line-height:2.2;margin:0;font-size:14px}.help p{font-size:12px;margin:12px 0 0;color:#51675c}.privacy{font-size:12px;color:#657a6d;text-align:center;margin:27px 0}footer{border-top:1px solid #d9e3dc;font-size:11px;color:#63796d;margin-top:25px}footer a{text-decoration:none}@media(max-width:600px){header,footer{padding:20px}.brand{font-size:27px;gap:10px}.brand span{font-size:10px}.badge{font-size:10px;padding:6px 8px}main{margin-top:24px;padding:0 20px}h1{font-size:32px}.lead{font-size:14px}.cards{grid-template-columns:1fr;gap:18px}.card{padding:25px}.card h2{font-size:23px}.help{padding:21px}.help ol{font-size:13px;line-height:2}.privacy{font-size:11px}footer{align-items:flex-start;flex-direction:column;gap:12px}}