:root{color-scheme:light;--bg:#f4f3f0;--paper:#fff;--text:#22242b;--soft:#52545f;--red:#bd1834;--line:#dedde0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:#22242b;color:#fff;padding:1rem max(1rem,calc((100vw - 1120px)/2))}nav,.actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}nav form{margin:0}a{color:var(--red);text-decoration:none}header a{color:#fff;text-decoration:none}.brand{white-space:nowrap;font-weight:850;letter-spacing:.08em}.brand b{background:var(--red);padding:.2rem .55rem;border-radius:6px}.brand small{font-size:.68em}main{width:min(1120px,calc(100% - 2rem));margin:2rem auto 4rem;min-height:65vh}h1,h2{line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.045em}h2{font-size:1.35rem}.hero{background:#262830;color:white;border-radius:20px;padding:clamp(1.25rem,6vw,5rem);margin-bottom:3rem}.hero h1{margin:.3em 0}.hero em{color:#ff8b9e;font-style:normal}.hero p{max-width:58ch}.eyebrow{font-size:.76rem;letter-spacing:.16em;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem;margin-bottom:2rem}.card,details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.25rem;min-width:0;margin:0 0 .8rem;overflow-wrap:anywhere}.card h2{margin-top:0}.grid .card{margin:0}.card strong{color:var(--red)}button,.cta,.outline{display:inline-block;border:1px solid transparent;border-radius:8px;background:var(--red);color:#fff;padding:.6rem .9rem;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:background .15s}.outline{background:transparent;border-color:#ffffff66}button:hover,.cta:hover{background:#94142a}.outline:hover{background:#ffffff22}:focus-visible{outline:3px solid #007aac;outline-offset:3px}form{max-width:48rem;margin:.7rem 0}label{display:block;margin:.6rem 0;font-weight:600}input:not([type=checkbox],[type=radio]),textarea{display:block;width:100%;padding:.65rem;margin-top:.2rem;border:1px solid #858793;border-radius:7px;font:inherit}fieldset{border:1px solid var(--line);margin:1rem 0;min-width:0;border-radius:8px}.check{display:flex;gap:.55rem;align-items:baseline}.lesson{white-space:pre-wrap}progress{width:min(100%,28rem);accent-color:var(--red)}footer{border-top:1px solid var(--line);padding:1.2rem;text-align:center}dd{margin:0 0 .6rem;color:var(--soft)}dt{font-weight:700}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

:root{--bg:#eef2f5;--paper:#fdfefe;--text:#182632;--soft:#536477;--red:#b91f3c;--line:#d3dfe7}
header{background:#142532}.ghost{border:1px solid #8092a4;border-radius:8px;padding:.5rem .8rem}
.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem;background:linear-gradient(132deg,#162c3c,#26495a);box-shadow:0 20px 40px #233c4e24}
.portrait{aspect-ratio:1;overflow:hidden;border-radius:18px;background:#dbe5eb;max-width:370px}.portrait img{width:100%;display:block;transform:scale(1.05);transform-origin:50% 0}
.kicker{color:#9e1732;font-size:.78rem;letter-spacing:.13em;font-weight:800;text-transform:uppercase}
.course{display:flex;align-items:center;gap:1rem;box-shadow:0 6px 15px #243b4b0b;transition:transform .18s,border-color .18s}.course:hover{transform:translateY(-3px);border-color:#7c9aad}.course h2{margin:0}.course p{margin:.25rem 0}.course .cta{margin-left:auto;white-space:nowrap}.icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#dce9ef;color:#163e51}.icon svg{width:25px;height:25px}
.workspace{display:grid;grid-template-columns:215px minmax(0,1fr);gap:1rem}.side{background:#1c3343;color:white;border-radius:16px;padding:1rem;height:max-content}.side a{display:block;padding:.6rem .7rem;color:white;border-radius:8px}.side a:hover,.side a[aria-current]{background:#3b5a6a}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric b{font-size:2rem}.metric{background:linear-gradient(145deg,white,#dce8ef)}
.pill{display:inline-block;padding:.2rem .55rem;border-radius:99px;background:#e3ecf1;font-size:.8rem;color:#304d60}.lesson-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.lesson-row:last-child{border:0}
.certificate{position:relative;overflow:hidden;background:linear-gradient(151deg,#141414 0 16%,#555 16.4%,#f6f6f6 17% 82%,#777 82.4%,#141414 83%);color:#191919;min-height:290px;padding:4.5rem 12% 3rem;text-align:center;border:1px solid #9ea1a5;border-radius:8px}.certificate h2{font-family:Georgia,serif;letter-spacing:.18em}.quiet{font-size:.82rem;color:#58697a}.notice{background:#e1edf3;border:1px solid #b8cfdb;padding:.85rem;border-radius:10px;margin-bottom:1rem}.content-in{animation:enter .3s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.hero,.workspace{grid-template-columns:1fr}.portrait{max-width:235px}.side{display:flex;gap:.25rem;flex-wrap:wrap}.metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.course{flex-wrap:wrap}.course .cta{margin-left:0}}
@media(prefers-reduced-motion:reduce){.content-in{animation:none}.course:hover{transform:none}}

:root{color-scheme:dark;--bg:#152631;--paper:#263f50;--text:#eff8fb;--soft:#c6d7e1;--line:#557285;--red:#9be4df}
body{background:radial-gradient(ellipse at 85% 5%,#355a71 0,transparent 48%),radial-gradient(ellipse at 0 72%,#274857 0,transparent 48%),#142631}
header{background:#152936;border-bottom:1px solid #4d6c7d}
.brand b{background:#9be4df;color:#12323d}.hero{background:linear-gradient(135deg,#23394b,#365b6f);border:1px solid #668397}
.hero em,.kicker{color:#a5ece6}.card,details,.side{background:linear-gradient(145deg,#334f62,#203646);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff1a,0 10px 23px #07152052}
.metric{background:linear-gradient(145deg,#4e7587,#294858)}.icon,.pill,.notice{background:#25485b;color:#e0faf8;border-color:#628698}.icon{box-shadow:inset 0 1px #fff4,0 5px 10px #061d2a4d}
.quiet,dd{color:#c6d7e1}a.quiet:hover{color:#a5ece6}
button,.cta{color:#102d38;background:linear-gradient(145deg,#bcf4ed,#79cec9);border-color:#b8f4ef;box-shadow:0 4px 0 #367782,0 7px 14px #081c2b55}
button:hover,.cta:hover{background:#d0fff8;transform:translateY(-2px)}
button:active,.cta:active,.outline:active,.side a:active,.ghost:active{transform:translateY(2px) scale(.97);box-shadow:none}
button,.cta,.outline,.ghost,.side a{transition:transform .18s,background .18s,box-shadow .18s}.outline{background:#294c60;color:#f0fbff}
.card,.hero,.side{position:relative;isolation:isolate}.card::before,.hero::before,.side::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(180px circle at var(--pointer-x,50%) var(--pointer-y,50%),#a7eaff29,transparent 100%);opacity:0;transition:opacity .24s}
@media(hover:hover) and (pointer:fine){.card:hover::before,.hero:hover::before,.side:hover::before{opacity:1}.portrait:hover img{transform:scale(1.06)}}
.portrait img{transform:none;transform-origin:center;transition:transform .45s ease}.tap-pulse{position:fixed;z-index:100;pointer-events:none;width:14px;height:14px;border-radius:50%;border:1px solid #d4fff9;box-shadow:0 0 16px #87ede4;animation:pulse .5s ease-out forwards}
@keyframes pulse{from{transform:translate(-50%,-50%) scale(.5);opacity:.9}to{transform:translate(-50%,-50%) scale(5);opacity:0}}
::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.25s}
.certificate-frame{margin:0}.certificate-frame img{width:100%;display:block;border-radius:12px;box-shadow:0 16px 38px #07111880}.certificate-frame figcaption{margin:1rem 0}
@media(prefers-reduced-motion:reduce){.cta:hover,button:hover,.portrait:hover img{transform:none}.card::before,.hero::before,.side::before{display:none}}