.hsa{max-width:1200px;margin:30px auto;padding:0 16px;font-family:Arial,Helvetica,sans-serif;color:#172033}.hsa *{box-sizing:border-box}.hero{display:grid;grid-template-columns:1.45fr .65fr;gap:24px;padding:40px;border-radius:26px;background:linear-gradient(135deg,#12362e,#8b651f);color:#fff;box-shadow:0 22px 55px #0002}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800}.eyebrow.dark{color:#7c5a1d}.hero h1{font-size:41px;line-height:1.06;margin:10px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hsa button{border:0;border-radius:10px;padding:12px 18px;background:#8b641d;color:white;font-weight:800;cursor:pointer}.hsa button.ghost{background:transparent;border:1px solid #ffffff77}.hero aside{display:flex;flex-direction:column;gap:9px;padding:22px;border-radius:18px;background:#ffffff16;border:1px solid #ffffff30}.hero aside strong{font-size:27px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}.kpis div,.dashboard div,.progress-cards div{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:18px;text-align:center}.kpis strong{display:block;font-size:26px;color:#815d1d}.kpis span,.dashboard span,.progress-cards span{font-size:12px;color:#64748b}.card{margin:20px 0;padding:27px;border:1px solid #e5e7eb;background:white;border-radius:20px;box-shadow:0 8px 28px #0f172a0d}.card h2{margin-top:0;color:#234c40}.route{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.route div{border:1px solid #e6e0d4;border-radius:14px;padding:16px;background:#fbfaf7}.route b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#244c40;color:#fff}.route strong,.route span{display:block}.route strong{margin:9px 0 5px}.route span{font-size:13px;color:#64748b}.head{display:flex;justify-content:space-between;align-items:center;gap:14px}.dashboard{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:15px 0}.dashboard strong,.progress-cards strong{display:block;font-size:23px;margin-top:5px}.table-wrap{overflow-x:auto}.hsa table{width:100%;border-collapse:collapse}.hsa th,.hsa td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}.hsa th{background:#f8fafc}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two article,.holy article{border:1px solid #e5e7eb;border-radius:15px;padding:18px}.notice{margin-top:15px;padding:15px;border-left:4px solid #8b641d;background:#fbf8ef;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid article{border:1px solid #e5e7eb;border-radius:14px;padding:16px}.grid b{color:#8b641d}.grid p{font-size:13px;color:#64748b}.holy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.holy strong{color:#8b641d;font-size:18px}.crisis{padding:20px;border-left:5px solid #8b641d;background:#faf8f1;border-radius:10px}.crisis>div{font-size:12px;font-weight:900;color:#8b641d}.choices{display:grid;gap:10px}.choices button{text-align:left;background:#244c40}.result{margin-top:14px;padding:14px;background:#f1f5f9;border-radius:10px;font-weight:800}.exercise{background:#f8fafc;padding:18px;border-radius:14px}.quizitem{padding:15px;border:1px solid #e5e7eb;border-radius:12px;margin:10px 0}.quizitem label{display:block;margin:7px 0}.score{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.score div{text-align:center;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.score b{display:block;font-size:23px;color:#8b641d}.score span{font-size:12px}.pass{text-align:center;font-size:18px}.progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hsa code{display:inline-block;background:#172033;color:#fff;padding:10px 12px;border-radius:8px}@media(max-width:950px){.hero{grid-template-columns:1fr}.kpis,.dashboard{grid-template-columns:repeat(3,1fr)}.route,.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.kpis,.dashboard,.route,.grid,.holy,.two,.progress-cards,.score{grid-template-columns:1fr}.hero h1{font-size:31px}.head{align-items:flex-start;flex-direction:column}}