:root{--ink:#1a374b;--teal:#126e7a;--teal-dark:#12425b;--line:#d6e5ea;--muted:#587582}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaf3;color:var(--ink);font:15px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#116d83}.container{max-width:1200px;margin:auto;padding:0 22px}.hero{background:linear-gradient(112deg,#0c304d,#13747a);border-bottom:5px solid #e9c68a;color:white;padding:46px 0}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;color:#218c90}.hero .eyebrow{color:#c4eee8}.hero h1{font-size:clamp(30px,4vw,50px);line-height:1.13;margin:9px 0}.hero h1 span{color:#a9ede5}.hero p{max-width:840px;color:#d1e9ec}.hero nav{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 0}.hero nav a{font-size:12px;color:#d5fbf5;font-weight:750;text-decoration:none}.video-promo{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:26px 0 16px;padding:22px;border-radius:18px;border:1px solid #e6dcce;background:linear-gradient(110deg,#fff0db,#e5f7ee 70%,#f2e8ff)}.video-promo h2{font-size:23px;line-height:1.2;margin:0 0 7px;color:#1c4b57}.video-promo p{margin:0;color:#55777e}.video-promo a{background:#14868b;color:white;text-decoration:none;font-size:12px;font-weight:850;border-radius:10px;padding:12px 16px}.notice{background:#fff8e8;border:1px solid #edd9ae;padding:15px 18px;border-radius:10px;color:#735b34;font-size:13px;margin:20px 0}.notice strong{font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:13px}.metric strong{font-size:28px;color:#136d7a;display:block;line-height:1.1}.metric small{color:#688594}.learning{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;margin:22px 0 36px;align-items:start}.sidebar,.practice{background:white;border:1px solid #dce8ec;border-radius:17px;padding:22px;box-shadow:0 9px 23px #1546500a}.sidebar{position:sticky;top:14px}.sidebar h2{font-size:17px;margin:0 0 17px}.track-list{display:grid;gap:7px}.track-btn{display:block;width:100%;border:1px solid #daebef;border-left:5px solid var(--accent,#148b88);border-radius:9px;background:#f7fafc;color:#1c4355;padding:11px;text-align:left;font-size:13px;line-height:1.4}.track-btn.active{background:#114059;color:white}.track-btn small{display:block;font-size:11px;opacity:.78;margin-top:4px}.helptext{font-size:12px;color:#6a8792;margin:14px 0}.practice h2{font-size:clamp(23px,3vw,34px);line-height:1.16;margin:8px 0}.practice>.sub{color:#5d7987}.practice h3{font-size:17px;margin:22px 0 12px}.chapters-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.chapters-heading span{font-size:12px;color:#5f7d8d}.chapter-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.chapter-btn{background:#eff6f7;border:1px solid #cfe1e5;border-radius:9px;padding:10px 5px;color:#21465b;font-size:12px}.chapter-btn.active{background:#1b7780;color:white}.mission-list{display:flex;flex-wrap:wrap;gap:7px}.mission-btn{min-width:38px;min-height:38px;background:#fff;border:1px solid #c8dce5;border-radius:9px}.mission-btn.active{background:#164960;color:white}.mission-btn.done{border-color:#3baf80;background:#eaf9f2}.activity{border:1px solid #dde9ee;background:#f7fbfd;border-radius:15px;padding:22px;margin-top:17px}.activity-origin{display:inline-block;background:#e0f1f3;border-radius:40px;color:#197581;font-size:10px;letter-spacing:.06em;padding:6px 11px;font-weight:850}.activity-origin.rebuilt{background:#fff0df;color:#8c681a}.activity h2{font-size:clamp(21px,2.6vw,27px);margin:12px 0 15px}.scenario,.task,.coaching{background:white;border-radius:10px;padding:17px;margin-top:12px}.scenario{border-left:4px solid #d09a48}.task{border-left:4px solid #4ba9b6}.coaching{background:#fff8e9;border-left:4px solid #d6aa52}.scenario strong,.task strong,.coaching strong{display:block;font-size:13px}.scenario p,.task p,.coaching p{margin:8px 0 0;font-size:13px;line-height:1.7}.task textarea{width:100%;border:1px solid #c8dfe6;border-radius:8px;padding:12px;margin:11px 0 0;min-height:100px;color:#183e55}.choice{display:block;padding:9px 11px;background:#f4fafb;border:1px solid #dbe8ec;border-radius:9px;margin:7px 0;font-size:12px}.choice input{margin-right:9px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.actions button{border:0;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:850}.actions .primary{background:#147e84;color:white}.actions .secondary{background:#e8f2f5;color:#21556e}.result{font-size:12px;color:#53798a;margin-top:12px}.resources{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.resources a{background:#eef6f8;border-radius:9px;padding:12px 15px;text-decoration:none;font-size:12px;font-weight:750}.bottom-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:50px}.bottom-links a{display:block;padding:12px 15px;background:#ecf6f8;border:1px solid #cfe4e8;border-radius:9px;text-decoration:none;font-size:12px;font-weight:750}footer{background:#0b2e43;color:#bdd9e1;padding:22px;text-align:center;font-size:12px}@media(max-width:900px){.learning{grid-template-columns:1fr}.sidebar{position:static}.chapter-list{grid-template-columns:repeat(5,1fr)}}@media(max-width:560px){.metrics{grid-template-columns:1fr}.chapter-list{grid-template-columns:repeat(2,1fr)}.resources{grid-template-columns:1fr}.sidebar,.practice{padding:15px}.activity{padding:15px}}