.auth{padding:0 0 clamp(32px,5vw,64px)}.auth-grid{min-block-size:calc(100svh - var(--header-h));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"art main";display:grid}.auth-main{padding:clamp(32px, 6vh, 72px) var(--gutter);grid-area:main;align-items:center;display:grid}.auth-form{gap:var(--s-5);grid-template-columns:minmax(0,1fr);justify-self:center;inline-size:100%;max-inline-size:28rem;display:grid}.auth-form h1{margin-block-start:calc(-1 * var(--s-2));font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem)}.auth-lead{color:var(--fg-body);margin-block-start:calc(-1 * var(--s-3))}.auth-form .form{gap:var(--s-4)}.auth-art{isolation:isolate;background:var(--brand-navy);border-start-end-radius:var(--r-fold);border-end-end-radius:var(--r-xl);grid-area:art;position:relative;overflow:hidden}.auth-art img{object-position:50% 30%}.auth-art:after{content:"";z-index:0;background:linear-gradient(#0000,#080b348c);position:absolute;inset:45% 0 0}.auth-art-fold{z-index:1;block-size:clamp(64px,16%,140px);inline-size:100%;position:absolute;inset-block-end:0;inset-inline:0}[dir=rtl] .auth-art-fold{transform:scaleX(-1)}.auth-fold-fill{fill:var(--brand-navy)}.auth-fold-edge{fill:none;stroke:var(--brand-orange);stroke-width:3px;vector-effect:non-scaling-stroke}.auth-art-line{z-index:2;color:#fff;font-family:var(--font-heading);font-weight:600;font-size:var(--fs-lead);position:absolute;inset-block-end:clamp(18px,3vh,32px);inset-inline:clamp(24px,3vw,48px)}.entry-choice{border:0;min-inline-size:0;margin:0;padding:0}.entry-choice legend{float:inline-start;inline-size:100%;color:var(--fg);font-weight:700;font-size:var(--fs-small);margin-block-end:var(--s-2);padding:0}.entry-options{clear:both;gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.entry-option{min-block-size:76px;padding:var(--s-3) var(--s-2);border:max(var(--border-width), 1px) solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-raised);color:var(--fg-body);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);justify-items:center;gap:6px;display:grid;position:relative}.entry-option input{opacity:0;pointer-events:none;position:absolute}.entry-option .icon{block-size:24px;inline-size:24px}.entry-option strong{color:var(--fg);font-size:var(--fs-small);line-height:1.25}.entry-option:has(input:checked){border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg), inset 0 -3px 0 1px var(--brand-orange)}.entry-option:has(input:checked) .icon{color:var(--icon-accent)}.entry-option:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.entry-hint{min-block-size:2.6em;margin-block-start:var(--s-2)}.auth-alt{gap:var(--s-3);border-block-start:max(var(--border-width), 1px) solid var(--border);padding-block-start:var(--s-5);display:grid}.auth-alt-title{font-family:var(--font-body);font-size:var(--fs-small);letter-spacing:0;font-weight:700}.auth-alt-title .muted{font-weight:500}.entry-links{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.entry-links a{border:max(var(--border-width), 1px) solid var(--border-strong);border-radius:var(--r-pill);min-block-size:48px;color:var(--fg);font-weight:600;font-size:var(--fs-small);transition:background-color var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:.5em;padding:.5em .75em;text-decoration:none;display:flex}.entry-links a:hover{background:var(--bg-sunken)}@container page (max-width:56rem){.auth-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""art";min-block-size:0}.auth-main{padding-block:var(--s-6) var(--s-7)}.auth-art{block-size:clamp(190px,44vw,280px);margin-inline:var(--gutter);border-radius:var(--r-xl);border-start-end-radius:var(--r-fold)}.auth-art img{object-position:50% 36%}.auth-art-fold{block-size:40px}.auth-art-line{font-size:var(--fs-body);inset-block-end:12px}}@container page (max-width:26rem){.entry-links{grid-template-columns:minmax(0,1fr)}.entry-links a{justify-content:flex-start}}.password-wrap{position:relative}.password-wrap input{padding-inline-end:3.2rem!important}.password-toggle{border-radius:var(--r-sm);inline-size:2.9rem;color:var(--fg);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block:2px;inset-inline-end:2px}.workspace{padding-block:var(--s-6) var(--section-y);grid-template-columns:15.5rem minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.side-nav{gap:var(--s-3);display:grid;position:sticky;inset-block-start:calc(var(--header-h) + 16px)}.side-nav h2{font-size:var(--fs-small);color:var(--fg-muted);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase}.side-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-nav a{align-items:center;gap:var(--s-3);border-radius:var(--r-sm);min-block-size:44px;color:var(--fg-body);padding:.4em .8em;font-weight:600;text-decoration:none;display:flex}.side-nav a:hover{background:var(--bg-sunken);color:var(--fg)}.side-nav a[aria-current=page]{background:var(--chip-on-bg);color:var(--chip-on-fg)}.workspace-main{gap:var(--s-6);min-inline-size:0;display:grid}.workspace-main>header{gap:var(--s-2);display:grid}.workspace-main>header h1{font-size:clamp(1.75rem,1.45rem + 1.1vw,2.5rem)}@container page (max-width:60rem){.workspace{grid-template-columns:minmax(0,1fr)}.side-nav{position:static}.side-nav ul{gap:var(--s-2);padding-block-end:4px;display:flex;overflow-x:auto}.side-nav a{white-space:nowrap;border:max(var(--border-width), 1px) solid var(--border)}.side-nav h2{display:none}}.kpi-row{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.list-item{align-items:center;gap:var(--s-3) var(--s-4);padding:var(--s-4) var(--s-5);border:max(var(--border-width), 1px) solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);grid-template-columns:minmax(0,1fr) auto;display:grid}.list-item h3{font-size:var(--fs-h4)}.list-item .meta{gap:var(--s-2) var(--s-4);color:var(--fg-muted);font-size:var(--fs-small);flex-wrap:wrap;display:flex}@container page (max-width:36rem){.list-item{grid-template-columns:minmax(0,1fr)}}.course-row{gap:var(--s-4);padding:var(--s-3);border:max(var(--border-width), 1px) solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised);grid-template-columns:9rem minmax(0,1fr) auto;align-items:center;display:grid}.course-row .course-thumb{border-radius:var(--r-md)}@container page (max-width:40rem){.course-row{grid-template-columns:minmax(0,1fr)}}.player-layout{gap:var(--s-6);grid-template-columns:minmax(0,1fr) 20rem;align-items:start;display:grid}@container page (max-width:64rem){.player-layout{grid-template-columns:minmax(0,1fr)}}.media-stage{gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-lg);display:grid}.media-stage audio,.media-stage video{border-radius:var(--r-md);inline-size:100%}.lesson-nav{justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;display:flex}.outline-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.outline-list a,.outline-list .locked{gap:var(--s-3);border-radius:var(--r-sm);min-block-size:48px;color:var(--fg-body);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:.5em .75em;text-decoration:none;display:grid}.outline-list a:hover{background:var(--bg-sunken)}.outline-list a[aria-current=page]{background:var(--bg-sunken);color:var(--fg);box-shadow:inset 3px 0 0 var(--icon-accent);font-weight:700}.outline-list .locked{color:var(--fg-muted)}.done-mark{color:var(--success-fg)}.quiz-question{padding:var(--s-4) var(--s-5);border:max(var(--border-width), 1px) solid var(--border);border-radius:var(--r-md);background:var(--bg-raised)}.checkout-layout{gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;display:grid}@container page (max-width:60rem){.checkout-layout{grid-template-columns:minmax(0,1fr)}}.method-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.order-state{gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);border:max(var(--border-width), 1px) solid var(--border);background:var(--bg-raised);border-inline-start-width:6px;grid-template-columns:auto 1fr;align-items:start;display:grid}.order-state h2{font-size:var(--fs-h3)}.order-state--success{border-color:var(--success-border)}.order-state--warning{border-color:var(--warning-border)}.order-state--danger{border-color:var(--danger-border)}.order-state--info{border-color:var(--info-border)}.ref-box{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:2px dashed var(--border-strong);border-radius:var(--r-md);letter-spacing:.08em;color:var(--fg);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.35rem;display:inline-flex}.sandbox-page{color:#1d2433;background:repeating-linear-gradient(-45deg,#f4f6f8 0 18px,#eaedf1 18px 36px);min-block-size:100dvh;padding:32px 16px;font-family:Segoe UI,Arial,sans-serif}.sandbox-card{background:#fff;border:2px dashed #5b6475;border-radius:12px;gap:16px;max-inline-size:560px;margin:0 auto;padding:28px;display:grid}.sandbox-card h1{color:#1d2433;font-family:Segoe UI,Arial,sans-serif;font-size:1.5rem}.sandbox-banner{color:#6b4300;background:#fff4dc;border:1px solid #b87800;border-radius:8px;padding:10px 14px;font-weight:600}.sandbox-actions{gap:8px;display:grid}.sandbox-actions button{color:#1d2433;text-align:start;background:#f4f6f8;border:1px solid #5b6475;border-radius:8px;min-block-size:44px;padding:10px 14px;font-weight:600}.sandbox-actions button.primary{color:#fff;background:#1d2433}.certificate{border:2px solid var(--border-strong);border-radius:var(--r-xl);background:var(--bg-raised);text-align:center;gap:var(--s-3);border-start-start-radius:var(--r-fold);padding:clamp(24px,5vw,56px);display:grid;position:relative}@media print{.site-header,.site-footer,.side-nav,.no-print{display:none!important}.workspace{display:block}body{background:#fff}}.ws-context{gap:var(--s-2);display:grid}.ws-badge{border-radius:var(--r-pill);background:var(--bg-sunken);inline-size:fit-content;max-inline-size:100%;color:var(--fg);font-size:var(--fs-small);align-items:center;gap:.5em;margin:0;padding:.35em .9em;font-weight:700;display:inline-flex}.ws-badge .icon{flex:none;block-size:18px;inline-size:18px}.ws-switch{font-size:var(--fs-small)}.ws-switch>summary{min-block-size:36px;color:var(--link);cursor:pointer;align-items:center;gap:.4em;padding-inline:.2em;font-weight:700;list-style:none;display:inline-flex}.ws-switch>summary::-webkit-details-marker{display:none}.ws-switch .chev{block-size:16px;inline-size:16px;transition:transform var(--dur-control) var(--ease)}.ws-switch[open] .chev{transform:rotate(180deg)}.ws-switch ul{margin:var(--s-1) 0 var(--s-2);gap:2px;padding:0;list-style:none;display:grid}.ws-switch ul a{align-items:center;gap:var(--s-2);border-radius:var(--r-sm);min-block-size:40px;color:var(--fg);padding:.3em .7em;font-weight:600;text-decoration:none;display:flex}.ws-switch ul a:hover{background:var(--bg-sunken)}.ws-switch p{margin:0}.side-nav-toggle{display:none}@container page (max-width:60rem){.side-nav{gap:var(--s-2)}.side-nav-toggle{align-items:center;gap:var(--s-3);border:max(var(--border-width), 1.5px) solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-raised);min-block-size:56px;inline-size:100%;color:var(--fg);font:inherit;text-align:start;cursor:pointer;padding:.4em 1em;display:flex}.side-nav-toggle>span{flex:1;min-inline-size:0;display:grid}.side-nav-toggle-label{color:var(--fg-muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.side-nav-toggle .chev{transition:transform var(--dur-control) var(--ease)}.side-nav[data-open=true] .side-nav-toggle .chev{transform:rotate(180deg)}.side-nav ul{padding:var(--s-2);border:max(var(--border-width), 1px) solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised);box-shadow:var(--shadow-2);display:none;overflow:visible}.side-nav[data-open=true] ul{animation:pop-in var(--dur-control) var(--ease);display:grid}.side-nav a{white-space:normal;border:0}}.kpi{align-content:start;gap:var(--s-1);padding:var(--s-4) var(--s-5);border:max(var(--border-width), 1px) solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised);margin:0;display:grid}.kpi dt{color:var(--fg-muted);font-size:var(--fs-small);font-weight:600}.kpi dd{color:var(--fg);font-family:var(--font-heading);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem);font-weight:700;line-height:1.15}.kpi p{margin:var(--s-1) 0 0}.session-row{align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-4);border:max(var(--border-width), 1px) solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);grid-template-columns:minmax(0,1fr) auto;display:grid}.session-row h3{font-size:var(--fs-h4);margin:0}.session-row p{margin:0}.saved-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.saved-list a{justify-content:space-between;align-items:center;gap:var(--s-3);border-block-end:max(var(--border-width), 1px) solid var(--border);min-block-size:44px;color:var(--fg);padding:.3em 0;font-weight:600;text-decoration:none;display:flex}.saved-list li:last-child a{border-block-end:0}.entry-steps{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--bg-sunken);margin-block-start:var(--s-3)}.entry-steps-title{margin:0 0 var(--s-2);color:var(--fg-muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.entry-steps ol{gap:var(--s-1);color:var(--fg-body);font-size:var(--fs-small);margin:0;padding-inline-start:1.3em;display:grid}