@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f7fb;--surface:#fff;--ink:#0b1b33;--ink-2:#3f4d66;--ink-3:#6b7790;--line:#e4e9f1;--line-2:#d2dae6;--brand:#1d5fd8;--brand-600:#174cb0;--brand-50:#eef4ff;--brand-100:#dbe7ff;--navy:#0b1d3a;--navy-2:#12305e;--cyan:#5cc8ff;--right:#16794a;--right-soft:#e7f6ee;--wrong:#b4322a;--wrong-soft:#fdeeed;--amber:#b26a00;--amber-soft:#fff5e1;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0b1b330d;--shadow:0 1px 2px #0b1b330a, 0 8px 24px -12px #0b1b3324;--shadow-lg:0 2px 4px #0b1b330a, 0 24px 48px -20px #0b1b3347;--wrap:1160px;--header-h:68px;font-feature-settings:"cv11", "ss01";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 16px)}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}img,svg{max-width:100%}a{color:var(--brand);text-underline-offset:2px}a:hover{color:var(--brand-600)}h1,h2,h3{color:var(--ink);letter-spacing:-.022em;line-height:1.15}h1{margin:.3em 0;font-size:clamp(2rem,4.2vw,2.9rem);font-weight:760}h2{margin-top:2em;font-size:clamp(1.4rem,2.4vw,1.75rem);font-weight:720}h3{font-size:1.12rem;font-weight:680}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.small{color:var(--ink-3);font-size:.875rem}.lead{color:var(--ink-2);max-width:42em;font-size:1.15rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:100;background:#fff;padding:8px 12px;top:12px;left:12px}html.signed-in .only-out,html:not(.signed-in) .only-in{display:none!important}.btn{font:inherit;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}a.btn{text-decoration:none}.btn:hover:not(:disabled){border-color:var(--brand);color:var(--ink)}.btn:focus-visible,.nav-link:focus-visible,.course-link:focus-visible{outline-offset:2px;outline:3px solid #1d5fd859}.btn-primary{background:linear-gradient(180deg, #2a6ce6, var(--brand));border-color:var(--brand-600);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 6px 16px -8px #1d5fd8b3}.btn-primary:hover:not(:disabled){background:var(--brand-600);border-color:var(--brand-600);color:#fff;transform:translateY(-1px)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--brand-50);border-color:#0000}.btn-lg{min-height:50px;padding:13px 24px;font-size:1.02rem}.btn-danger{background:var(--wrong);border-color:var(--wrong);color:#fff}.btn:disabled{opacity:.6;cursor:default}.site-header{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(12px);background:#ffffffdb;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 20px -16px #0b1b3359}.header-inner{max-width:var(--wrap);height:var(--header-h);align-items:center;gap:28px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand b{margin-left:1px;font-weight:780}.brand-mark{flex:none;width:32px;height:32px}.nav-wrap{flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.main-nav{align-items:center;gap:4px;display:flex}.nav-item{position:relative}.nav-link{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.95rem;font-weight:550;text-decoration:none;display:inline-flex}.nav-link:hover,.courses-toggle[aria-expanded=true]{color:var(--ink);background:var(--brand-50)}.courses-toggle svg{transition:transform .2s}.courses-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.courses-panel{background:var(--surface);border:1px solid var(--line);width:min(720px,90vw);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;border-radius:16px;padding:10px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 10px);left:-12px;transform:translateY(-6px)}.courses-panel.open{opacity:1;visibility:visible;transform:none}.courses-menu{grid-template-columns:1fr 1fr;gap:2px;margin:0;padding:0;list-style:none;display:grid}.course-link{color:var(--ink);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;display:flex}.course-link:hover{background:var(--bg);color:var(--ink)}.course-link strong{font-size:.95rem;font-weight:650;display:block}.course-link small{color:var(--ink-3);margin-top:2px;font-size:.82rem;line-height:1.45;display:block}.icon-box{background:var(--brand-50);width:38px;height:38px;color:var(--brand);border:1px solid var(--brand-100);border-radius:10px;flex:none;place-items:center;display:inline-grid}.course-link:hover .icon-box{background:var(--brand);color:#fff;border-color:var(--brand)}.courses-foot{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 12px 6px;font-size:.85rem;display:flex}.courses-foot a{white-space:nowrap;font-weight:600;text-decoration:none}.nav-actions{align-items:center;gap:6px;display:flex}.nav-actions .btn{min-height:40px;padding:8px 14px}.menu-toggle{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;margin-left:auto;padding:0 11px;display:none}.menu-toggle span{background:var(--ink);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-open .menu-toggle span:first-child{transform:translateY(6px)rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=900px){.menu-toggle{display:flex}.nav-wrap{inset:var(--header-h) 0 0 0;background:var(--surface);border-top:1px solid var(--line);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:12px 20px 32px;display:none;position:fixed;overflow-y:auto}.menu-open .nav-wrap{display:flex}.menu-open{background:var(--surface)}.main-nav{flex-direction:column;align-items:stretch}.nav-link{justify-content:space-between;width:100%;padding:12px 8px;font-size:1.05rem}.courses-toggle svg{display:none}.courses-toggle{pointer-events:none;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;font-size:.8rem}.courses-panel{opacity:1;visibility:visible;width:auto;box-shadow:none;border:0;padding:0;position:static;transform:none}.courses-menu{grid-template-columns:1fr}.course-link small,.courses-foot{display:none}.course-link{align-items:center;padding:8px}.icon-box{width:34px;height:34px}.nav-actions{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;margin-top:12px;padding-top:16px}.nav-actions .btn{min-height:48px}.nav-actions .btn-ghost{border-color:var(--line-2)}}.crumbs{width:100%;color:var(--ink-3);flex-wrap:wrap;gap:6px;padding-top:18px;font-size:.85rem;display:flex}.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--brand)}.crumb-sep{color:var(--line-2)}.site-footer{background:var(--navy);color:#b7c3d9;margin-top:96px;font-size:.92rem}.site-footer a{color:#dbe4f3;text-decoration:none}.site-footer a:hover{color:#fff}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:32px;padding-top:56px;padding-bottom:40px;display:grid}.footer-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-brand .brand,.footer-brand .brand:hover{color:#fff}.footer-brand p{max-width:30em}.footer-title{color:#fff;margin:4px 0 14px;font-weight:650}.footer-base{color:#8796b0;border-top:1px solid #ffffff1a;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:28px;font-size:.82rem;display:flex}.footer-base p{margin:0}.footer-base p:last-child{text-align:right;max-width:44em}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-base{flex-direction:column}.footer-base p:last-child{text-align:left}}.section{margin-top:40px}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative}.card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.card h3{margin:0 0 6px;font-size:1.08rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:after{content:"";position:absolute;inset:0}.card p{color:var(--ink-2);margin:0}.tag{background:var(--brand-50);color:var(--brand-600);letter-spacing:.01em;border-radius:99px;margin-bottom:8px;padding:3px 9px;font-size:.72rem;font-weight:650;display:inline-block}.tag-later{color:var(--ink-3);background:#eef0f4}.examples{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0;display:grid}.example{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);margin:0;padding:10px}.example figcaption{color:var(--ink-3);text-align:center;padding-top:4px;font-size:.88rem}.example svg{width:100%;height:auto;display:block}.example-wide{grid-column:1/-1;max-width:560px;margin:16px 0}.example-wide svg{width:100%;height:auto}.faq dt{color:var(--ink);margin-top:18px;font-weight:650}.faq dd{color:var(--ink-2);margin:4px 0 0}.note{background:var(--amber-soft);border-radius:var(--radius-sm);border:1px solid #f1d79a;padding:12px 16px}table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius-sm);width:100%;margin:12px 0;font-size:.94rem;overflow:hidden}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}th{color:var(--ink);background:#f1f5fb;font-weight:650}.table-scroll{overflow-x:auto}.player{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:22px 0 10px;padding:18px 20px 20px}.player-bar{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.player-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.progress{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:600}.free-left{color:var(--amber);background:var(--amber-soft);border:1px solid #f3dca8;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:650}.meter{background:#edf1f7;border-radius:99px;height:6px;margin-top:12px;overflow:hidden}.meter>span{background:linear-gradient(90deg, var(--brand), var(--cyan));border-radius:99px;height:100%;transition:width .4s;display:block}.standard-picker{align-items:center;gap:8px;display:flex}.standard-picker select{font:inherit;border:1px solid var(--line-2);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%236b7790' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;color:var(--ink);border-radius:9px;padding:7px 30px 7px 10px;font-weight:550}.drawing-frame{border:1px solid var(--line);color:var(--ink);background-color:#fbfcfe;background-image:linear-gradient(#edf2f9 1px,#0000 1px),linear-gradient(90deg,#edf2f9 1px,#0000 1px);background-size:20px 20px;border-radius:12px;justify-content:center;margin:16px 0 14px;display:flex}.drawing-frame svg{width:100%;max-width:520px;height:auto}.drawing-frame svg.scale-rule{max-width:760px}.drawing-frame svg.drawing-tall{max-width:640px}.question{letter-spacing:-.01em;margin:6px 0 12px;font-size:1.12rem;font-weight:650}.choices{flex-wrap:wrap;gap:10px;display:flex}.choice{font-weight:560}.choice:hover:not(:disabled){background:var(--brand-50)}.choice:disabled{cursor:default;opacity:1}.choice-wrong{background:var(--wrong-soft);border-color:var(--wrong);color:var(--wrong);text-decoration:line-through}.choice-right{background:var(--right-soft);border-color:var(--right);color:var(--right)}.feedback{border-radius:10px;margin-top:14px;padding:12px 14px}.feedback-right{background:var(--right-soft);color:#11502f}.feedback-wrong{background:var(--wrong-soft);color:#7a221c}.next{margin-top:14px}.save-note{margin:14px 0 0}.player-wait{place-items:center;min-height:240px;display:grid}.done,.paywall{text-align:center;padding:28px 12px 12px}.done-kicker,.paywall-kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--right);background:var(--right-soft);border-radius:99px;margin:0 0 6px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.paywall-kicker{color:var(--brand-600);background:var(--brand-50)}.done-title,.paywall-title{letter-spacing:-.02em;max-width:24em;color:var(--ink);margin:6px auto 14px;font-size:1.45rem;font-weight:740}.done-actions,.paywall-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 8px;display:flex}.paywall-points{text-align:left;gap:8px;margin:0 auto;padding:0;list-style:none;display:inline-grid}.paywall-points li{padding-left:28px;position:relative}.paywall-points li:before{content:"";background:var(--brand-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%231d5fd8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:0}.cert-box{border:1px solid var(--line);text-align:left;background:linear-gradient(#fbfcff,#f3f7ff);border-radius:14px;max-width:460px;margin:18px auto 6px;padding:18px 20px}.cert-box-ok{background:linear-gradient(#fbfefc,#eef9f3);border-color:#bfe3cf}.cert-box-title{margin:0 0 6px;font-weight:700}.cert-box p{margin:6px 0}.cert-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.cert-form label{color:var(--ink-3);flex-direction:column;flex:220px;gap:4px;font-size:.85rem;display:flex}input[type=email],input[type=text]{font:inherit;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:10px;min-height:44px;padding:10px 12px}input[type=email]:focus,input[type=text]:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1d5fd82e}.signin-form,.signup-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:12px 0;display:flex}.signin-form label,.signup-form label{color:var(--ink-3);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.signin-form input[type=email],.signup-form input[type=email],.danger-zone input{min-width:260px}.signup-form .consent{flex-direction:row;flex-basis:100%;align-items:flex-start;gap:8px}.account{max-width:720px}.account section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:16px 0;padding:6px 22px 18px}.account section h2{margin-top:16px;font-size:1.2rem}.progress-list{margin:6px 0 12px;padding:0;list-style:none}.progress-list li{padding:4px 0}.danger-zone{border:1px solid var(--wrong-soft);border-radius:var(--radius-sm);background:var(--surface);margin-top:28px;padding:12px 16px}.danger-zone summary{cursor:pointer;color:var(--wrong);font-weight:600}.cert-name{flex-direction:column;gap:4px;max-width:320px;margin:8px 0;display:flex}.summary-bar{align-items:center;gap:14px;margin:10px 0 14px;display:flex}.summary-bar .course-bar{flex:1}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0;padding:0;list-style:none;display:grid}.plan{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;gap:8px;padding:24px;display:flex}.plan-featured{border:2px solid var(--brand);box-shadow:var(--shadow-lg)}.plan h3{margin:0}.plan-price strong{color:var(--ink);letter-spacing:-.03em;font-size:2.3rem}.plan ul{flex:1;margin:0 0 8px;padding-left:18px}.certificate{background:var(--surface);border:3px double var(--navy);border-radius:var(--radius);text-align:center;max-width:720px;margin:24px auto;padding:40px 24px}.certificate-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.certificate-name{color:var(--ink);margin:8px 0;font-size:2.2rem;font-weight:700}.certificate-ok{color:var(--right);font-weight:600}.mark{border:1.5px solid var(--line-2);min-width:26px;height:26px;color:var(--ink-3);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:99px;flex:none;place-items:center;padding:0 4px;font-size:.68rem;font-weight:700;display:inline-grid}[data-lesson][data-state=started] .mark{border-color:var(--brand);color:var(--brand-600);background:var(--brand-50);min-width:40px}[data-lesson][data-state=done] .mark{border-color:var(--right);background:var(--right) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3 6.8 11 12 5.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat}.course-bar{background:#e9eef6;border-radius:99px;height:6px;overflow:hidden}.course-bar>span{background:linear-gradient(90deg, var(--brand), var(--cyan));border-radius:99px;width:0;height:100%;transition:width .5s;display:block}[data-state=done] .course-bar>span{background:var(--right)}.course-count{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.hero{color:#dfe8f7;background:radial-gradient(900px 420px at 85% 10%,#5cc8ff38,#0000 60%),radial-gradient(700px 400px at 10% 110%,#2f6fe459,#0000 60%),linear-gradient(#0b1d3a 0%,#0f2850 100%);padding:72px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;position:absolute;inset:0;mask-image:linear-gradient(#000 30%,#0000 100%)}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero h1{color:#fff;letter-spacing:-.035em;margin:16px 0 18px;font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.05}.hero h1 em{background:linear-gradient(90deg,#8fd8ff,#5aa0ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lead{color:#b9c7de;font-size:1.18rem}.pill{color:#d6e3f7;background:#ffffff14;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:.82rem;font-weight:600;display:inline-flex}.pill-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4ade802e}.hero-actions{flex-wrap:wrap;gap:12px;margin:28px 0 22px;display:flex}.hero .btn-outline{color:#fff;background:#ffffff0f;border-color:#ffffff38}.hero .btn-outline:hover{color:#fff;background:#ffffff1f;border-color:#fff6}.hero-checks{color:#a9b8d2;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.hero-checks li:before{content:"✓";color:#5cc8ff;margin-right:7px;font-weight:700}.hero-demo{position:relative}.hero-demo:before{content:"";filter:blur(26px);opacity:.7;background:linear-gradient(135deg,#5cc8ff59,#2f6fe41f);border-radius:28px;position:absolute;inset:-18px}.hero-demo .player{color:var(--ink);border:1px solid #ffffff80;margin:0;position:relative;box-shadow:0 30px 70px -30px #0009}.demo-label{color:#a9b8d2;justify-content:space-between;align-items:center;margin:0 4px 10px;font-size:.82rem;display:flex;position:relative}.stats{z-index:2;margin-top:-40px;position:relative}.stats-inner{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid}.stat{border-left:1px solid var(--line);padding:22px 24px}.stat:first-child{border-left:0}.stat strong{letter-spacing:-.03em;color:var(--ink);font-size:1.7rem;font-weight:760;display:block}.stat span{color:var(--ink-3);font-size:.88rem}.home-section{padding-top:96px}.section-head{max-width:640px;margin-bottom:32px}.section-head h2{margin:8px 0 10px;font-size:clamp(1.7rem,3vw,2.3rem)}.section-head p{color:var(--ink-2);margin:0;font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-size:.78rem;font-weight:700}.course-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.course-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;gap:10px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.course-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-100);transform:translateY(-3px)}.course-card .icon-box{border-radius:12px;width:46px;height:46px}.course-card:hover .icon-box{background:var(--brand);color:#fff;border-color:var(--brand)}.course-card h3{margin:6px 0 0;font-size:1.2rem}.course-card h3 a{color:var(--ink);text-decoration:none}.course-card h3 a:after{content:"";border-radius:18px;position:absolute;inset:0}.course-card p{color:var(--ink-2);flex:1;margin:0}.course-meta{color:var(--ink-3);border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:.82rem;display:flex}.course-meta b{color:var(--ink-2);font-weight:600}.course-card .course-bar{margin-top:2px}.course-card[data-state=new] .course-progress{display:none}.course-progress{align-items:center;gap:10px;display:flex}.course-progress .course-bar{flex:1}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--line);counter-increment:step;border-radius:18px;padding:26px 24px}.step:before{content:counter(step, decimal-leading-zero);color:var(--brand);letter-spacing:.04em;margin-bottom:14px;font-size:.85rem;font-weight:750;display:block}.step h3{margin:0 0 6px}.step p{color:var(--ink-2);margin:0}.compare{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:40px;display:grid}.compare-figs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.compare-figs .example{background-color:#fbfcfe;background-image:linear-gradient(#edf2f9 1px,#0000 1px),linear-gradient(90deg,#edf2f9 1px,#0000 1px);background-size:16px 16px}.compare h2{margin-top:8px}.compare ul{gap:10px;padding-left:0;list-style:none;display:grid}.compare li{color:var(--ink-2);padding-left:26px;position:relative}.compare li:before{content:"";border:2px solid var(--brand);border-radius:3px;width:12px;height:12px;position:absolute;top:7px;left:0}.audience{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.audience li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.audience .icon-box{margin-bottom:14px}.audience strong{margin-bottom:4px;display:block}.audience span{color:var(--ink-2);font-size:.94rem}.price-teaser{grid-template-columns:1fr 1fr;gap:18px;display:grid}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:8px;padding:28px;display:flex}.price-card.featured{color:#c9d5ea;box-shadow:var(--shadow-lg);background:linear-gradient(#0f2850,#0b1d3a);border-color:#0b1d3a}.price-card.featured h3,.price-card.featured .price{color:#fff}.price-card h3{margin:0}.price{letter-spacing:-.03em;color:var(--ink);font-size:2.4rem;font-weight:780}.price small{color:var(--ink-3);letter-spacing:0;font-size:.95rem;font-weight:500}.price-card.featured .price small{color:#9fb0cc}.price-card ul{flex:1;gap:8px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.price-card li:before{content:"✓";color:var(--brand);margin-right:8px;font-weight:700}.price-card.featured li:before{color:var(--cyan)}.price-card .btn{align-self:flex-start}.faq-list{max-width:820px}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 20px}.faq-list summary{cursor:pointer;padding:18px 28px 18px 0;font-weight:650;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--ink-3);font-size:1.4rem;font-weight:400;transition:transform .2s;position:absolute;top:14px;right:0}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{color:var(--ink-2);margin:0 0 18px}.cta-band{color:#c9d5ea;background:radial-gradient(600px 300px at 90% 0,#5cc8ff40,#0000 60%),linear-gradient(135deg,#12305e,#0b1d3a);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:96px;padding:56px 48px;display:flex}.cta-band h2{color:#fff;margin:0 0 8px}.cta-band p{margin:0}.cta-band+.site-footer,.main-wide+.site-footer{margin-top:64px}@media (width<=980px){.hero-grid,.compare{grid-template-columns:1fr}.hero{padding-top:44px}.course-grid,.steps,.audience,.stats-inner{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=640px){.course-grid,.steps,.audience,.price-teaser,.compare-figs{grid-template-columns:1fr}.compare,.cta-band{padding:28px 22px}.home-section{padding-top:64px}.player{padding:14px}}.course-hero{background:radial-gradient(700px 300px at 100% 0%, #5cc8ff1f, transparent 60%), linear-gradient(180deg, #fff, var(--bg));border-bottom:1px solid var(--line);padding:8px 0 36px}.course-hero-inner{grid-template-columns:1fr 320px;align-items:end;gap:40px;display:grid}.course-hero .icon-box{border-radius:14px;width:52px;height:52px;margin-top:18px}.course-hero h1{margin-top:14px}.course-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:99px;padding:5px 11px;font-size:.8rem;font-weight:600}.course-side{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px}.course-side p{margin:0 0 10px;font-weight:650}.course-side .course-count{margin:8px 0 14px;display:block}.course-side .btn{width:100%}.lesson-list{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.lesson-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:16px 20px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.lesson-row:hover{border-color:var(--brand-100);box-shadow:var(--shadow)}.lesson-num{background:var(--bg);border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;font-weight:700;display:grid}.lesson-row.is-test .lesson-num{background:var(--navy);border-color:var(--navy);color:#fff}.lesson-row h3{margin:0 0 2px;font-size:1.05rem}.lesson-row h3 a{color:var(--ink);text-decoration:none}.lesson-row h3 a:after{content:"";border-radius:14px;position:absolute;inset:0}.lesson-row p{color:var(--ink-3);margin:0;font-size:.93rem}.lesson-row .tag{vertical-align:2px;margin:0 0 0 8px}.ref-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:0;list-style:none;display:grid}@media (width<=820px){.course-hero-inner{grid-template-columns:1fr;gap:20px}.lesson-row{grid-template-columns:36px 1fr auto;gap:12px;padding:14px}.lesson-num{border-radius:10px;width:34px;height:34px}}.lesson-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:48px;display:grid}.lesson-main{min-width:0;max-width:780px}.lesson-side{min-width:0}.lesson-main h1{margin-top:12px}.lesson-side{top:calc(var(--header-h) + 16px);margin-top:22px;position:sticky}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.side-card>summary{cursor:pointer;list-style:none}.side-card>summary::-webkit-details-marker{display:none}.side-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.side-head .icon-box{width:34px;height:34px}.side-head a{color:var(--ink);font-weight:700;line-height:1.25;text-decoration:none}.side-progress{align-items:center;gap:10px;margin-bottom:12px;display:flex}.side-progress .course-bar{flex:1}.side-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-list a{color:var(--ink-2);border-radius:9px;align-items:center;gap:10px;padding:8px;font-size:.9rem;line-height:1.3;text-decoration:none;display:flex}.side-list a:hover{background:var(--bg);color:var(--ink)}.side-list a[aria-current=page]{background:var(--brand-50);color:var(--brand-600);font-weight:650}.side-list .mark{min-width:22px;height:22px;font-size:.62rem}.side-list [data-lesson][data-state=started] .mark{min-width:36px}.side-list .side-test{border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}.lesson-nav{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding-top:22px;display:flex}.source-note{margin-top:28px}@media (width<=960px){.lesson-layout{grid-template-columns:minmax(0,1fr);gap:0}.lesson-side{order:-1;margin-top:16px;position:static}.side-card:not([open]) .side-list,.side-card:not([open]) .side-progress{display:none}.side-card>summary .side-head{margin-bottom:0}.side-card[open]>summary .side-head{margin-bottom:10px}.side-toggle-hint{color:var(--ink-3);margin-left:auto;font-size:.8rem}}@media (width>=961px){.side-toggle-hint{display:none}.side-card>summary{pointer-events:none}.side-card>summary a{pointer-events:auto}}.dash-top{grid-template-columns:1fr 1fr 1fr;gap:16px;margin:24px 0 8px;display:grid}.dash-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.dash-stat strong{letter-spacing:-.03em;font-size:2rem;font-weight:760;display:block}.dash-stat span{color:var(--ink-3);font-size:.9rem}.dash-continue{color:#c9d5ea;background:linear-gradient(135deg,#12305e,#0b1d3a);border:0}.dash-continue strong{color:#fff;letter-spacing:-.01em;margin:4px 0 12px;font-size:1.1rem}.dash-continue span{color:#9fb0cc}.dash-course{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:20px 22px}.dash-course-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.dash-course-head h2{flex:1;margin:0;font-size:1.2rem}.dash-course-head h2 a{color:var(--ink);text-decoration:none}.dash-course-head .course-bar{flex:0 0 200px}.dash-lessons{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.dash-lessons a{border:1px solid var(--line);color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;line-height:1.3;text-decoration:none;display:flex}.dash-lessons a:hover{border-color:var(--brand-100);background:var(--bg);color:var(--ink)}.dash-lessons .is-test a{border-style:dashed}@media (width<=760px){.dash-top{grid-template-columns:1fr}.dash-course-head .course-bar{flex-basis:100%}}.print-only{display:none}@media print{.site-header,.site-footer,.crumbs,.no-print{display:none!important}.print-only{display:block}body{background:#fff}}.cta-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.skel{background:linear-gradient(90deg,#e9eef6 25%,#f4f7fb 50%,#e9eef6 75%) 0 0/200% 100%;border-radius:8px;animation:1.3s linear infinite skel;display:block}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel,html:not(.marks-ready) .mark,html:not(.marks-ready) .course-count,html:not(.marks-ready) .course-continue,html:not(.marks-ready) .dash-stat strong{animation:none}}.skel-line{height:14px;margin:10px 0}.skel-title{width:55%;height:24px;margin:14px 0}.skel-btn{border-radius:10px;width:140px;height:44px}.skel-btn-wide{border-radius:10px;width:100%;height:44px}.skel-price{vertical-align:middle;border-radius:8px;width:72px;height:30px;display:inline-block}.skel-drawing{border-radius:12px;height:230px;margin:16px 0 14px}.skel-row{flex-wrap:wrap;gap:10px;display:flex}.skel-row .skel-btn{width:130px}.w-30{width:30%}.w-45{width:45%}.w-70{width:70%}.w-90{width:90%}.player{position:relative}.player:not([data-ready])>:not(.player-skeleton){visibility:hidden}.player-skeleton{position:absolute;inset:18px 20px 20px;overflow:hidden}html:not(.marks-ready) .mark,html:not(.marks-ready) .course-count,html:not(.marks-ready) .course-continue,html:not(.marks-ready) .dash-stat strong,html:not(.marks-ready) .dash-continue .btn{border-radius:8px;animation:1.3s linear infinite skel;color:#0000!important;box-shadow:none!important;background:linear-gradient(90deg,#e9eef6 25%,#f4f7fb 50%,#e9eef6 75%) 0 0/200% 100%!important;border-color:#0000!important}html:not(.marks-ready) .dash-continue .btn,html:not(.marks-ready) .dash-continue strong{color:#0000!important;background:#ffffff1f!important}html:not(.marks-ready) .course-bar>span{width:0!important}.typed{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.typed input{font-variant-numeric:tabular-nums;flex:260px;max-width:360px;font-size:1.05rem;font-weight:600}.typed-wrong input{border-color:var(--wrong);background:var(--wrong-soft)}.typed-right input,.typed-right input:disabled{border-color:var(--right);background:var(--right-soft);color:var(--right);opacity:1}.level-tag{background:var(--navy);color:#fff;vertical-align:2px;letter-spacing:.02em;border-radius:99px;margin-left:8px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-block}.sheet-step{color:var(--brand-600);letter-spacing:.01em;margin:14px 0 -6px;font-size:.8rem;font-weight:650}.drawing-frame.drawing-sheet{background:#fff}.drawing-frame svg.sheet-drawing{max-width:760px}.symbol-table td{vertical-align:middle}.symbol-table svg.elec-cell{width:90px;height:60px;color:var(--ink);display:block}.drawing-frame svg.elec-symbol{max-width:360px}.lang-switch{border:1px solid var(--line);border-radius:10px;gap:2px;margin-right:6px;padding:3px;display:flex}.lang-switch a{letter-spacing:.04em;color:var(--ink-3);border-radius:7px;padding:5px 7px;font-size:.75rem;font-weight:700;text-decoration:none}.lang-switch a:hover{color:var(--ink);background:var(--bg)}.lang-switch a[aria-current=true]{background:var(--brand-50);color:var(--brand-600)}.footer-langs{gap:14px;font-size:.85rem;display:flex}.footer-langs a[aria-current=true]{color:#fff;font-weight:650}@media (width<=900px){.lang-switch{align-self:flex-start;margin:0 0 8px}}.legal{max-width:820px;padding-bottom:48px}.legal h2{margin-top:32px;font-size:1.2rem}.nf-hero{padding:64px 0 80px}.nf-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.nf-drawing{border-radius:var(--radius);background:#0f28508c;border:1px solid #ffffff24;margin:0;padding:18px}.nf-drawing svg{width:100%;height:auto;display:block}@media (width<=820px){.nf-grid{grid-template-columns:1fr;gap:32px}}