@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#102b46;--muted:#53677a;--line:#dce5ec;--paper:#f5f8fa;--brand:#087f8c;--brand-dark:#075965;--accent:#dbf4ee;--white:#fff;--danger:#ad2335;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;line-height:1.65}a{color:var(--brand-dark);text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:background .18s,color .18s,box-shadow .18s}a:hover{color:var(--brand)}:focus-visible{outline:3px solid #dd8c17;outline-offset:4px}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer;min-height:44px;border-radius:10px;border:1px solid transparent;background:var(--brand-dark);color:white;padding:11px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.btn:hover{background:var(--ink);color:white}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:var(--accent)}.btn.small{padding:8px 12px;font-size:13px}.btn.danger{background:var(--danger)}.skip{position:absolute;left:12px;top:-70px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.topbar{background:#fffffff2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{max-width:1280px;padding:17px 32px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain}.brand small{font-size:11px;display:block;font-weight:600;letter-spacing:3px;color:var(--muted);line-height:1}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px;font-weight:700}.navlinks a[aria-current=page]{color:var(--brand);border-bottom:2px solid var(--brand)}.menu-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line)}.container{max-width:1280px;padding:36px 32px 60px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--brand-dark)}h1,h2,h3{line-height:1.2;letter-spacing:-.7px;margin:0 0 16px}h1{font-size:clamp(32px,4vw,54px);font-weight:800;text-wrap:balance}h2{font-size:27px}h3{font-size:19px}p{margin:0 0 16px}.muted{color:var(--muted)}.hero{background:var(--ink);color:white;border-radius:26px;padding:48px;display:grid;grid-template-columns:1.35fr 1fr;gap:40px;overflow:hidden;position:relative}.hero .eyebrow{color:#9ce1d7}.hero p{color:#d6e2eb;max-width:550px}.hero .btn{background:#b3eee0;color:var(--ink)}.hero .btn.secondary{background:transparent;border-color:#658095;color:white}.hero-visual{align-self:center;position:relative;padding:14px}.insight{background:#fff;color:var(--ink);padding:24px;border-radius:18px;box-shadow:0 18px 50px #00182840;transform:rotate(-2deg)}.insight .mini-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.insight .mini-row:last-child{border:0}.circle{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);border-radius:12px;color:var(--brand-dark);font-weight:800}.stack{display:flex;align-items:center;gap:14px}.floating-note{position:relative;margin:-12px -8px 0 40px;background:#c4eadf;color:var(--ink);padding:15px 20px;border-radius:12px;box-shadow:0 8px 20px #00182820;font-size:13px;font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 22px}.section-head h2,.section-head h1{margin-bottom:6px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tab{border:1px solid var(--line);border-radius:999px;padding:8px 18px;background:white;font-weight:700;font-size:13px;min-height:44px}.tab.active{background:var(--ink);color:white}.filters{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.filters input{flex:1;min-width:180px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-width:0;box-shadow:0 4px 12px #102b4603}.course-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.course-cover{padding:24px;min-height:120px;background:linear-gradient(130deg,#e4f1f2,#f0f5f8);display:flex;justify-content:space-between;align-items:flex-start}.course-cover.bundle{background:linear-gradient(130deg,#102b46,#24566b);color:white}.course-cover svg{width:62px;height:62px;opacity:.85;margin-top:12px}.course-body{padding:25px;display:flex;flex-direction:column;flex:1}.course-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-body .bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:5px 9px;background:var(--accent);color:#07534f;font-size:11px;font-weight:800;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.badge.neutral{background:#edf2f7;color:#445b70}.badge.warning{background:#fff0d4;color:#7c4c0c}.badge.error{background:#fce9ec;color:#982235}.price{font-size:23px;font-weight:800;letter-spacing:-.5px}.price small{font-size:12px;font-weight:500;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:25px 0}.stat{padding:22px;border:1px solid var(--line);border-radius:16px;background:white}.stat strong{font-size:32px;display:block;letter-spacing:-1px}.stat span{font-size:12px;color:var(--muted)}.stat.highlight{background:var(--ink);color:white;border-color:var(--ink)}.stat.highlight span{color:#d6e2eb}.progress{height:8px;background:#e3edf0;border-radius:20px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:var(--brand);border-radius:20px}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:26px}.side-card{align-self:start;position:sticky;top:110px}.list{list-style:none;margin:0;padding:0}.list li{padding:18px 0;border-bottom:1px solid var(--line)}.list li:last-child{border:0}.label,label:not(.option){display:block;font-size:13px;font-weight:700;margin-bottom:7px}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;min-height:46px;background:white;border:1px solid #b5c5d2;border-radius:10px;padding:11px 13px;color:var(--ink)}textarea{min-height:115px;resize:vertical}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--brand);flex-shrink:0}.field{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.option{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;cursor:pointer;min-height:54px}.option:has(input:checked){border-color:var(--brand);background:#eef9f6}.option span{flex:1}.option strong{font-size:14px}.note{background:#e9f4f3;border:1px solid #c7e2dc;border-radius:12px;padding:17px;font-size:13px;color:#245953;margin:18px 0}.notice{padding:14px 20px;border-radius:12px;margin-bottom:18px;background:#e0f3e8;color:#175138}.notice.error{background:#fce9ec;color:#982235}.empty{text-align:center;padding:60px 22px;border:1px dashed #b2c4d0;border-radius:20px;background:#fff}.empty h3{margin-top:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{background:#edf3f6;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:16px;white-space:nowrap}td{padding:16px;border-top:1px solid var(--line);vertical-align:middle}td:first-child{min-width:180px}td .progress{min-width:100px}.footer{max-width:1280px;margin:auto;padding:28px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}.metrics-line{display:flex;justify-content:space-between;gap:10px;font-size:12px}.small-text{font-size:12px}.wide{grid-column:1/-1}.preserve-lines{white-space:pre-line}.flow{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.flow span{padding:8px 14px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:white}.flow .active{background:var(--accent);border-color:#a6d8ca}.result{text-align:center;padding:40px}.result strong{font-size:72px;line-height:1.3;display:block;color:var(--brand-dark)}.question{margin-bottom:20px}.question legend{font-weight:700;margin-bottom:12px}.question fieldset{border:0;padding:0;margin:0}.long{overflow-wrap:anywhere}
@media(max-width:1000px){.nav{gap:12px;padding:16px 22px}.navlinks{gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:32px;gap:20px}.hero-visual{padding:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:16px}}
@media(max-width:760px){.container{padding:24px 18px 40px}.menu-toggle{display:inline-flex;margin-left:auto}.nav{flex-wrap:wrap;padding:14px 18px}.navlinks{display:none;width:100%;flex-wrap:wrap;margin:0}.navlinks.open{display:flex}.navlinks a{padding:8px}.hero{grid-template-columns:1fr;padding:28px 24px;border-radius:20px}.hero-visual{display:none}.hero h1{font-size:36px}.split{grid-template-columns:1fr}.side-card{position:static}.section-head{align-items:start;flex-direction:column;margin-top:30px}.form-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:26px}.footer{flex-direction:column;padding:22px 18px}.filters select{width:100%}.card{padding:20px}.course-card{padding:0}.option{flex-wrap:wrap}.option strong{font-size:13px}.actions>*{max-width:100%}h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero .insight .eyebrow{color:var(--brand-dark)}
@media(min-width:761px){.filters input:not([type=hidden]){width:auto;flex:1}.filters select{width:auto;max-width:260px;flex:0 1 220px}}