:root{--navy:#123456;--teal:#0f766e;--aqua:#7dd3fc;--green:#22c55e;--soft:#eefdfb;--ink:#17324d;--muted:#64748b;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#eefdfb,#f8fafc 32%,#fff);color:var(--ink)}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:24px;padding:42px;align-items:center;background:radial-gradient(circle at 80% 20%,#99f6e4,transparent 26%),linear-gradient(135deg,#0f766e,#123456);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:13px;opacity:.85}.hero h1{font-size:44px;line-height:1.05;margin:0 0 14px}.quote{font-size:18px;max-width:720px;opacity:.95}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}button{border:0;border-radius:14px;padding:12px 16px;background:var(--teal);color:white;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(15,118,110,.2)}button.secondary{background:#ffffff;color:var(--teal)}button.danger{background:var(--danger);margin-top:20px}.visualCard{height:260px;border-radius:34px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);position:relative;display:grid;place-items:center;box-shadow:inset 0 0 50px rgba(255,255,255,.09)}.book{width:170px;height:130px;background:white;border-radius:20px;box-shadow:0 25px 45px rgba(0,0,0,.25);position:relative;color:var(--teal);display:grid;place-items:center;font-size:44px;font-weight:900}.book i{position:absolute;right:-18px;bottom:-18px;background:var(--green);color:white;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-style:normal}.pulse{position:absolute;bottom:48px;left:42px;width:140px;height:40px;border-bottom:5px solid #7dd3fc;border-left:5px solid transparent;transform:skewX(-25deg)}.cap{position:absolute;top:52px;right:78px;font-size:50px;transform:rotate(-15deg)}nav{display:flex;gap:10px;flex-wrap:wrap;padding:16px 28px;background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #e2e8f0}nav button{background:#e6fffb;color:#0f766e;box-shadow:none}nav button.active{background:#0f766e;color:white}main{max-width:1100px;margin:auto;padding:28px}.view{display:none}.view.active{display:block}section{background:white;border:1px solid #e2e8f0;border-radius:24px;padding:26px;box-shadow:0 14px 35px rgba(15,23,42,.06);margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px}.stat{background:linear-gradient(180deg,#ecfeff,#f8fafc);border:1px solid #ccfbf1;border-radius:18px;padding:20px}.stat span{font-size:30px;font-weight:900;color:var(--teal);display:block}.stat label{color:var(--muted)}.notice,.tip,.soft{background:#f0fdfa;border-left:5px solid var(--teal);padding:14px;border-radius:12px}.barRow{display:grid;grid-template-columns:160px 1fr 50px;gap:12px;align-items:center;margin:10px 0}.bar{height:13px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#22c55e)}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters select{padding:10px;border:1px solid #cbd5e1;border-radius:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#e0f2fe;color:#075985;border-radius:999px;padding:6px 10px;font-size:13px}.stem{font-size:21px;font-weight:700;line-height:1.45}.answer{display:block;width:100%;text-align:left;background:#f8fafc;color:#17324d;border:1px solid #cbd5e1;box-shadow:none;margin:10px 0}.answer.correct{background:#dcfce7;border-color:#22c55e}.answer.wrong{background:#fee2e2;border-color:#ef4444}.safe{background:#f8fafc;border:1px dashed #94a3b8;border-radius:18px;padding:16px;margin-top:18px}.feedback{border-radius:18px;padding:18px;margin-top:16px}.feedback.good{background:#ecfdf5}.feedback.bad{background:#fff7ed}.feedback blockquote,.recovery blockquote,#ngnDetail blockquote{font-size:18px;color:#0f766e;border-left:5px solid #22c55e;padding-left:14px}.styleGrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin:18px 0}.styleGrid label{padding:18px;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc}.visualTips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.visualTips div{background:linear-gradient(135deg,#dbeafe,#ccfbf1);border-radius:18px;padding:24px;text-align:center;font-weight:800}.caseGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.case{background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;padding:18px}.ngnDetail{margin-top:20px}.ngnItem{background:#f8fafc;border-radius:16px;padding:14px;margin:12px 0}pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;border-radius:12px;padding:14px}footer{text-align:center;color:#64748b;padding:26px}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:28px}.hero h1{font-size:34px}.stats{grid-template-columns:repeat(2,1fr)}.barRow{grid-template-columns:1fr}.visualTips{grid-template-columns:1fr 1fr}}