/* ProdTrack Akademi — onaylanan tasarım (koyu çelik + kaynak turuncusu; firma rengi --brand). Satır içi stil yok. */
@font-face{font-family:"Inter";src:url(../fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"PT Mono";src:url(../fonts/jetbrains-mono.woff) format("woff");font-weight:400 700;font-display:swap}

:root{
  --brand:#C2410C;--brand-ink:#9A3412;--brand-on:#fff;--brand-soft:rgba(194,65,12,.10);
  --bg:#F4F5F7;--surface:#FFFFFF;--surface2:#FAFBFC;--ink:#0F1720;--ink2:#3C4653;--muted:#5B6573;--line:#E3E6EA;--line2:#EEF0F3;--chip:#F1F2F4;
  --hero:#141B24;--hero2:#1B2430;--heroline:#2A3544;--heroink:#C9D1DB;--fire:#F97316;--fire2:#FDBA74;
  --ok:#166534;--ok2:#15803D;--okbg:#DCF2E6;--warn:#B45309;--warnbg:#FFF1E8;--warncell:#F59E0B;--bad:#B91C1C;--badbg:#FDEEEE;--gold:#6B4F0C;--goldbg:#F4F1EA;--inkbar:#1E2A38;
  --t-kaynak:#FFF1E8;--c-kaynak:#9A3412;--t-yuzey:#EEF2F6;--c-yuzey:#334155;--t-boya:#ECF6F1;--c-boya:#166534;--t-catim:#EEF0FB;--c-catim:#3730A3;--t-standart:#F4F1EA;--c-standart:#6B4F0C;--t-isg:#FDEEEE;--c-isg:#991B1B;
  --r:14px;--r2:10px;--shadow:0 1px 2px rgba(15,23,32,.04),0 6px 24px rgba(15,23,32,.06);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0C1117;--surface:#131A22;--surface2:#161E27;--ink:#E8EDF3;--ink2:#C2CBD6;--muted:#97A3B1;--line:#25303D;--line2:#1E2833;--chip:#1C2530;
  --hero:#0A0F15;--hero2:#121A23;--heroline:#25303D;--brand-ink:#FDBA74;--brand-soft:rgba(249,115,22,.14);
  --ok:#4ADE80;--ok2:#22C55E;--okbg:#12301F;--warn:#FBBF24;--warnbg:#33240F;--bad:#F87171;--badbg:#341616;--gold:#E8C878;--goldbg:#2A2414;--inkbar:#7C8A9B;
  --t-kaynak:#33200F;--c-kaynak:#FDBA74;--t-yuzey:#1B2430;--c-yuzey:#CBD5E1;--t-boya:#11291C;--c-boya:#86EFAC;--t-catim:#1C1F3A;--c-catim:#A5B4FC;--t-standart:#2A2414;--c-standart:#E8C878;--t-isg:#331616;--c-isg:#FCA5A5;
  --shadow:0 1px 2px rgba(0,0,0,.3);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0C1117;--surface:#131A22;--surface2:#161E27;--ink:#E8EDF3;--ink2:#C2CBD6;--muted:#97A3B1;--line:#25303D;--line2:#1E2833;--chip:#1C2530;
  --hero:#0A0F15;--hero2:#121A23;--heroline:#25303D;--brand-ink:#FDBA74;--brand-soft:rgba(249,115,22,.14);
  --ok:#4ADE80;--ok2:#22C55E;--okbg:#12301F;--warn:#FBBF24;--warnbg:#33240F;--bad:#F87171;--badbg:#341616;--gold:#E8C878;--goldbg:#2A2414;--inkbar:#7C8A9B;
  --t-kaynak:#33200F;--c-kaynak:#FDBA74;--t-yuzey:#1B2430;--c-yuzey:#CBD5E1;--t-boya:#11291C;--c-boya:#86EFAC;--t-catim:#1C1F3A;--c-catim:#A5B4FC;--t-standart:#2A2414;--c-standart:#E8C878;--t-isg:#331616;--c-isg:#FCA5A5;
  --shadow:0 1px 2px rgba(0,0,0,.3);color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ak{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01";min-height:100vh}
a{color:var(--brand-ink)}a:hover{color:var(--brand)}
img,svg{max-width:100%}
h1,h2,h3{letter-spacing:-.015em;line-height:1.2;margin:0}
.ak-mono{font-family:"PT Mono",ui-monospace,Consolas,monospace;font-feature-settings:normal}
.ak-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ak-skip{position:absolute;left:-999px;top:8px;background:var(--surface);color:var(--ink);padding:8px 12px;border-radius:8px;z-index:100}.ak-skip:focus{left:8px}
.ak-wrap{max-width:1320px;margin:0 auto;padding-left:32px;padding-right:32px}
.ak-muted{color:var(--muted)}.ak-small{font-size:13px}.ak-block{display:block}.ak-nowrap{white-space:nowrap}.ak-grow{flex:1 1 auto;min-width:0}.ak-pre{white-space:pre-line;margin:6px 0 0;color:var(--ink2)}
.ak-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ak-row.is-between{justify-content:space-between}.ak-row.is-center{justify-content:center}.ak-row.is-wrap{flex-wrap:wrap}
:focus-visible{outline:3px solid var(--fire);outline-offset:2px}
.ak-ic{flex:none}

/* düğmeler */
.ak-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r2);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.ak-btn:hover{border-color:var(--ink2);color:var(--ink)}
.ak-btn.is-brand{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}.ak-btn.is-brand:hover{filter:brightness(1.07);color:var(--brand-on)}
.ak-btn.is-ghost{border-color:transparent;background:transparent;padding:0 10px}.ak-btn.is-ghost:hover{background:var(--chip)}
.ak-btn.is-lg{min-height:48px;padding:0 20px}.ak-btn.is-sm{min-height:36px;padding:0 12px;font-size:13px}.ak-btn.is-block{width:100%;justify-content:center}
.ak-btn[disabled]{opacity:.5;cursor:not-allowed}
.ak-iconbtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1}
.ak-mini{min-height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.ak-mini:hover{border-color:var(--ink2);color:var(--ink)}
.ak-pill{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ak-pill.is-on{background:var(--hero);border-color:var(--hero);color:#fff}.ak-pill.is-sm{min-height:32px;padding:0 12px;font-size:13px}
.ak-chip{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;border-radius:var(--r2);border:1px solid var(--line);font-size:13px}
.ak-chip.is-hero{border-color:#3A4656;color:#fff}

/* üst çubuk */
.ak-top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.ak-top-in{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px}
.ak-top.is-slim .ak-top-in{gap:12px}
.ak-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.ak-brand span{display:flex;flex-direction:column;line-height:1.15}.ak-brand b{font-weight:800;font-size:17px;letter-spacing:-.01em}.ak-brand small{font-size:12px;color:var(--muted)}
.ak-logo{width:36px;height:36px;border-radius:9px;background:#141B24;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative}
.ak-logo::after{content:"";position:absolute;top:7px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--fire)}
.ak-nav{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}
.ak-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:9px;color:var(--ink2);font-weight:500;text-decoration:none}
.ak-nav a:hover{background:var(--chip);color:var(--ink)}.ak-nav a.is-on{background:var(--chip);color:var(--ink);font-weight:650}
.ak-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);flex:0 1 300px;min-width:200px;color:var(--muted)}
.ak-search input{border:0;background:transparent;outline:none;font:inherit;width:100%;color:var(--ink)}
.ak-search:focus-within{border-color:var(--ink2)}
.ak-tools{display:flex;align-items:center;gap:8px}
.ak-lang{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ak-lang a{display:inline-flex;align-items:center;min-height:42px;padding:0 10px;font-size:13px;font-weight:650;color:var(--muted);text-decoration:none}.ak-lang a.is-on{background:var(--chip);color:var(--ink)}
.ak-me{position:relative}.ak-me summary{list-style:none;cursor:pointer}.ak-me summary::-webkit-details-marker{display:none}
.ak-av{width:40px;height:40px;border-radius:999px;background:var(--chip);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:650;flex:none}
.ak-av.is-dark{background:#141B24;color:#fff;width:48px;height:48px}
.ak-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:4px;z-index:30}
.ak-menu b{font-weight:650}.ak-menu small{color:var(--muted);margin-bottom:6px;word-break:break-all}
.ak-menu a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 8px;border-radius:8px;color:var(--ink);text-decoration:none}.ak-menu a:hover{background:var(--chip)}
.ak-drop{position:relative}.ak-drop summary{list-style:none}.ak-drop summary::-webkit-details-marker{display:none}
.ak-crumb{color:var(--muted)}.ak-crumb-t{font-weight:600;flex:1 1 auto;min-width:0}
.ak-top-prog{display:flex;align-items:center;gap:10px;flex:0 1 260px;min-width:200px}.ak-top-prog .ak-bar{flex:1 1 auto}.ak-top-prog span{font-size:13px;color:var(--muted);white-space:nowrap}

/* ilerleme */
.ak-bar{height:6px;border-radius:999px;background:var(--line2);overflow:hidden}
.ak-bar i{display:block;height:100%;background:var(--brand);border-radius:999px;transition:width .4s}
.ak-bar i.is-done{background:var(--ok2)}.ak-bar i.is-ink{background:var(--inkbar)}.ak-bar i.is-bad{background:var(--bad)}
.ak-bar.is-hero{background:var(--heroline)}.ak-bar.is-hero i{background:var(--fire)}.ak-bar.is-thick{height:8px}

/* hero */
.ak-hero{background:var(--hero);color:#fff}
.ak-hero-in{display:flex;flex-wrap:wrap;gap:32px;padding-top:40px;padding-bottom:44px}
.ak-resume{flex:999 1 560px;min-width:0;display:flex;flex-wrap:wrap;gap:28px;background:var(--hero2);border:1px solid var(--heroline);border-radius:16px;padding:24px}
.ak-resume-vid{flex:1 1 340px;min-width:0;aspect-ratio:16/9;border-radius:12px;background:#0B1017;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none}
.ak-art{position:absolute;inset:0;width:100%;height:100%}
.ak-playbtn{position:relative;width:64px;height:64px;border-radius:999px;background:#fff;color:#141B24;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.ak-resume-vid:hover .ak-playbtn{transform:scale(1.06)}
.ak-timecode{position:absolute;left:12px;bottom:10px;font-family:"PT Mono",monospace;font-size:12px;background:rgba(0,0,0,.6);padding:3px 8px;border-radius:6px}
.ak-resume-tx{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:14px;justify-content:center}
.ak-resume-tx h1{font-size:30px;font-weight:750;color:#fff}.ak-resume-tx p{margin:0;color:var(--heroink)}
.ak-resume.is-welcome .ak-resume-tx{max-width:640px}
.ak-kicker{font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ak-hero .ak-kicker,.ak-auth-quote .ak-kicker{color:var(--fire2)}
.ak-kicker.is-brand{color:var(--brand-ink)}.ak-kicker.is-gold{color:var(--gold)}
.ak-hero-sub{font-size:13px;color:var(--heroink);margin-top:-6px}
.ak-stats{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:12px}
.ak-stat{background:var(--hero2);border:1px solid var(--heroline);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:2px}
.ak-stat span{font-size:13px;color:var(--heroink)}.ak-stat b{font-size:28px;font-weight:750;color:#fff}.ak-stat small{font-size:13px;color:var(--heroink)}
.ak-stat.is-ic{flex-direction:row;align-items:center;gap:14px}.ak-stat.is-ic b{font-size:15px;font-weight:650}.ak-stat.is-ic div{display:flex;flex-direction:column}
.ak-ic-box{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--chip);color:var(--ink2)}
.ak-stat .ak-ic-box.is-warn{background:#3A2415;color:#FDBA74}.ak-stat .ak-ic-box.is-ok{background:#15302A;color:#6EE7B7}
.ak-ic-box.is-ok{background:var(--okbg);color:var(--ok)}.ak-ic-box.is-warn{background:var(--warnbg);color:var(--warn)}.ak-ic-box.is-bad{background:var(--badbg);color:var(--bad)}.ak-ic-box.is-gold{background:var(--goldbg);color:var(--gold);width:48px;height:48px;border-radius:12px}

/* bölümler */
.ak-main{padding-top:36px;padding-bottom:64px;display:flex;flex-direction:column;gap:40px}
.ak-sec{display:flex;flex-direction:column;gap:18px}
.ak-sec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ak-sec-head h2,.ak-page-head h1{font-size:22px;font-weight:750}
.ak-page-head{display:flex;flex-direction:column;gap:4px}.ak-page-head h1{font-size:30px}
.ak-page-head.is-split{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.ak-page-head.is-split>div:first-child{display:flex;flex-direction:column;gap:4px}
.ak-back{font-size:14px;font-weight:600;text-decoration:none}
.ak-filters{display:flex;flex-wrap:wrap;gap:8px}
.ak-empty{color:var(--muted);margin:0}
.ak-empty-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ak-empty-card.is-flat{border:0;border-radius:0}

/* atamalar */
.ak-asg{display:flex;flex-wrap:wrap;gap:16px}
.ak-asg-item{flex:1 1 380px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ak-asg-item:hover{border-color:var(--ink2);box-shadow:var(--shadow);color:var(--ink)}
.ak-asg-code{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;font-family:"PT Mono",monospace;font-weight:600;font-size:12px;text-align:center;line-height:1.1;padding:4px}
.ak-asg-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ak-asg-tx small{font-size:13px;color:var(--muted)}
.ak-due{flex:none;font-size:13px;font-weight:650;color:var(--ink2);background:var(--chip);border-radius:999px;padding:5px 12px}
.ak-due.is-soon{color:var(--warn);background:var(--warnbg)}.ak-due.is-late{color:var(--bad);background:var(--badbg)}

/* kategoriler */
.cat-kaynak{background:var(--t-kaynak);color:var(--c-kaynak)}.cat-yuzey{background:var(--t-yuzey);color:var(--c-yuzey)}.cat-boya{background:var(--t-boya);color:var(--c-boya)}
.cat-catim{background:var(--t-catim);color:var(--c-catim)}.cat-standart{background:var(--t-standart);color:var(--c-standart)}.cat-isg{background:var(--t-isg);color:var(--c-isg)}

/* kartlar */
.ak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.ak-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.ak-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--ink2)}
.ak-card[hidden]{display:none}
.ak-card-link{position:absolute;inset:0;z-index:2;border-radius:16px}
.ak-thumb{position:relative;height:150px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between}
.ak-thumb-code{font-family:"PT Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.04em}
.ak-thumb-big{font-weight:800;font-size:32px;line-height:1;letter-spacing:-.02em}
.ak-lockpill{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;background:#141B24;color:#fff;border-radius:999px;padding:4px 10px}
.ak-lockpill.is-free{background:var(--ok2)}
.ak-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}
.ak-card-body h3{font-size:18px;font-weight:700;line-height:1.25}
.ak-tags{display:flex;gap:8px;flex-wrap:wrap}.ak-tags span{font-size:12px;font-weight:650;color:var(--ink2);background:var(--chip);border-radius:6px;padding:3px 8px}
.ak-card-foot{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:6px}.ak-card-foot .ak-muted{font-size:13px}

.ak-banner{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.ak-banner>div{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:2px}.ak-banner b{font-size:16px;font-weight:650}.ak-banner .ak-muted{font-size:14px}
.ak-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:20px;padding-bottom:28px}

/* bildirim */
.ak-notice{border-radius:12px;padding:12px 16px;font-size:14px;background:var(--chip);color:var(--ink);border:1px solid var(--line)}
.ak-notice.is-ok{background:var(--okbg);color:var(--ok);border-color:transparent}.ak-notice.is-err{background:var(--badbg);color:var(--bad);border-color:transparent}

/* ders */
.ak-lesson{padding-top:28px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.ak-lesson-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:22px}
.ak-lesson-side{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}
.ak-player{border-radius:16px;overflow:hidden;background:#0B1017;color:#fff}
.ak-stage{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#0B1017}
.ak-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ak-stage:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}
.ak-novideo{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px;background:rgba(11,16,23,.78);border:1px solid #3A4656;border-radius:14px;max-width:420px}
.ak-novideo b{font-size:18px}.ak-novideo span{color:var(--heroink);font-size:14px}
.ak-wm{position:absolute;left:20px;top:16px;font-size:13px;color:rgba(255,255,255,.32);pointer-events:none;z-index:3;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.ak-wm2{position:absolute;right:64px;bottom:58px;font-weight:700;font-size:14px;color:rgba(255,255,255,.35);pointer-events:none;z-index:3}
.ak-fsbtn{position:absolute;right:12px;top:12px;z-index:4;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(11,16,23,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ak-lesson-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}
.ak-lesson-head>div:first-child{display:flex;flex-direction:column;gap:6px;flex:1 1 420px;min-width:0}.ak-lesson-head h1{font-size:28px;font-weight:750}
.ak-done-pill{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 14px;border-radius:10px;background:var(--okbg);color:var(--ok);font-weight:650;font-size:14px}
.ak-done-pill[hidden]{display:none}
.ak-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ak-tabs button{min-height:44px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-weight:500;color:var(--muted);cursor:pointer}
.ak-tabs button[aria-selected="true"]{border-bottom-color:var(--ink);color:var(--ink);font-weight:650}
.ak-twocol{display:flex;flex-wrap:wrap;gap:20px}.ak-twocol>.ak-panel{flex:2 1 380px;min-width:0}.ak-side-stack{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:16px}
.ak-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.ak-panel h2{font-size:16px;font-weight:650}
.ak-panel.is-gold{background:var(--goldbg);border-color:transparent}.ak-panel.is-gold a{font-weight:650;color:var(--gold);font-size:14px}
.ak-panel.is-flush{padding:0;gap:0;overflow:hidden}
.ak-panel-head{padding:18px 22px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line2)}
.ak-chap{display:flex;gap:14px;align-items:flex-start;text-align:left;border:0;background:transparent;font:inherit;color:var(--ink);padding:6px 8px;margin:0 -8px;border-radius:8px;cursor:pointer}
.ak-chap:hover{background:var(--chip)}.ak-chap .ak-mono{font-size:13px;color:var(--muted);flex:none;width:52px}
.ak-file{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:14px;padding:8px 0;border-bottom:1px solid var(--line2)}.ak-file span{flex:1 1 auto}.ak-file small{color:var(--muted)}
.ak-noteform{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.ak-noteform textarea{flex:1 1 300px;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--surface2);color:var(--ink);resize:vertical}
.ak-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ak-notes li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line2)}.ak-notes li span{flex:1 1 auto;white-space:pre-line}
.ak-notet{border:0;background:var(--chip);border-radius:6px;padding:2px 8px;cursor:pointer;color:var(--ink2);font-size:13px}
.ak-toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ak-toc-head{padding:18px 20px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ak-toc-head h2{font-size:16px;font-weight:650}
.ak-toc-row{display:flex;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;color:var(--ink);min-height:44px}
.ak-toc-row:hover{background:var(--surface2);color:var(--ink)}.ak-toc-row.is-now{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.ak-dot{width:28px;height:28px;border-radius:999px;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;background:var(--chip);color:var(--muted)}
.is-done .ak-dot{background:var(--okbg);color:var(--ok)}.is-now .ak-dot{background:var(--brand);color:var(--brand-on)}
.ak-toc-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ak-toc-tx span{font-size:14px;font-weight:500}.is-now .ak-toc-tx span{font-weight:650}.ak-toc-tx small{font-size:13px;color:var(--muted)}
.ak-toc-quiz{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface2);border-top:1px solid var(--line2);text-decoration:none;color:var(--ink)}
.ak-toc-quiz span:last-child{display:flex;flex-direction:column}.ak-toc-quiz b{font-size:14px;font-weight:650}.ak-toc-quiz small{font-size:13px;color:var(--muted)}
.ak-toc-quiz.is-open .ak-ic-box{background:var(--brand);color:var(--brand-on)}
.ak-instructor{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px}
.ak-instructor .ak-grow{display:flex;flex-direction:column}.ak-instructor small{font-size:13px;color:var(--muted)}

/* test */
.ak-narrow{max-width:860px;padding-top:32px;padding-bottom:64px;display:flex;flex-direction:column;gap:22px}
.ak-quiz-head{display:flex;flex-direction:column;gap:6px}.ak-quiz-head h1{font-size:28px;font-weight:750}
.ak-quiz{display:flex;flex-direction:column;gap:16px}
.ak-q{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0;display:flex;flex-direction:column;gap:8px}
.ak-q legend{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:16px;padding:0;float:left;width:100%;margin-bottom:8px}
.ak-qn{flex:none;width:28px;height:28px;border-radius:999px;background:var(--chip);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.ak-opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;clear:both}
.ak-opt:hover{border-color:var(--ink2)}.ak-opt input{margin-top:3px;accent-color:var(--brand);width:18px;height:18px;flex:none}
.ak-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.ak-quiz-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--bg);padding:12px 0}
.ak-result{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:40px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.ak-score{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1}
.ak-result.is-pass .ak-score{color:var(--ok2)}.ak-result.is-fail .ak-score{color:var(--bad)}.ak-result h1{font-size:24px}.ak-result p{margin:0;color:var(--muted)}

/* sertifikalar */
.ak-certs{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.ak-cert{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink)}
.ak-cert:hover{border-color:var(--ink2);color:var(--ink)}.ak-cert.is-old{opacity:.6}
.ak-cert .ak-grow{display:flex;flex-direction:column}.ak-cert small{color:var(--muted);font-size:13px}
.ak-cert-st{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.ak-cert-st b{font-size:18px}

/* firma raporu */
.ak-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.ak-kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.ak-kpi span{font-size:14px;color:var(--muted)}.ak-kpi b{font-size:32px;font-weight:750;letter-spacing:-.02em}.ak-kpi b em{font-style:normal;font-size:18px;color:var(--muted);font-weight:600}
.ak-kpi small{font-size:13px;color:var(--muted)}.ak-kpi small.is-up{color:var(--ok)}.ak-kpi b.is-bad{color:var(--bad)}.ak-kpi b.is-warn{color:var(--warn)}
.ak-split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.ak-grow2{flex:999 1 640px;min-width:0}.ak-grow1{flex:1 1 340px}
.ak-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--ink2)}.ak-legend span{display:inline-flex;align-items:center;gap:6px}.ak-legend .ak-cell{width:12px;height:12px;border-radius:3px}
.ak-tablewrap{overflow-x:auto}
.ak-matrix{width:100%;border-collapse:collapse;min-width:720px}
.ak-matrix thead tr{background:var(--surface2)}
.ak-matrix th,.ak-matrix td{padding:10px 8px;text-align:center}
.ak-matrix thead th{font-size:12px;font-weight:650;color:var(--ink2)}
.ak-matrix th[scope="row"],.ak-matrix thead th:first-child{text-align:left;padding-left:22px}
.ak-matrix th[scope="row"] b{display:block;font-weight:650}.ak-matrix th[scope="row"] small{font-size:13px;color:var(--muted);font-weight:400}
.ak-matrix tbody tr{border-top:1px solid var(--line2)}
.ak-matrix .is-num,.ak-table .is-num{text-align:right;padding-right:22px}
.ak-cell{display:inline-block;width:28px;height:28px;border-radius:7px;vertical-align:middle}
.ak-cell.is-done{background:var(--ok)}.ak-cell.is-doing{background:var(--warncell)}.ak-cell.is-late{background:var(--bad)}.ak-cell.is-todo{background:var(--line)}.ak-cell.is-none{border:1px dashed var(--line);background:transparent}
.ak-dept{display:flex;flex-direction:column;gap:6px}.ak-dept>div:first-child{display:flex;justify-content:space-between;font-size:14px}
.ak-attn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ak-attn li{display:flex;gap:12px;align-items:flex-start;font-size:14px}.ak-attn i{flex:none;margin-top:6px;width:8px;height:8px;border-radius:999px;background:var(--inkbar)}
.ak-attn i.is-bad{background:var(--bad)}.ak-attn i.is-warn{background:var(--warncell)}.ak-attn i.is-ok{background:var(--ok2)}
.ak-table{width:100%;border-collapse:collapse}.ak-table.is-wide{min-width:720px}
.ak-fold>summary{list-style:none;cursor:pointer}.ak-fold>summary::-webkit-details-marker{display:none}.ak-fold:not([open])>summary{border-bottom:0}
.ak-fold>summary .ak-muted::after{content:" ▾"}.ak-fold[open]>summary .ak-muted::after{content:" ▴"}
.ak-table th{text-align:left;font-size:13px;font-weight:650;color:var(--ink2);padding:12px 14px;background:var(--surface2)}
.ak-table td{padding:10px 14px;border-top:1px solid var(--line2);vertical-align:middle}
.ak-table th:first-child,.ak-table td:first-child{padding-left:22px}
.ak-table tr.is-off td{opacity:.55}.ak-table small{color:var(--muted);font-size:12px}.ak-table form{display:inline}
.ak-status{display:inline-flex;font-size:13px;font-weight:650;border-radius:999px;padding:3px 10px;background:var(--chip);color:var(--ink2)}
.ak-status.is-done{background:var(--okbg);color:var(--ok)}.ak-status.is-late{background:var(--badbg);color:var(--bad)}.ak-status.is-doing{background:var(--warnbg);color:var(--warn)}
.ak-switch{display:flex;align-items:center;gap:8px}.ak-switch label{font-size:13px;color:var(--muted)}
.ak-switch select,.ak-input,.ak-field input,.ak-field select,.ak-field textarea{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;background:var(--surface);color:var(--ink);width:100%}
.ak-switch select{width:auto}
.ak-input.is-sm{min-height:36px;padding:0 10px;font-size:14px;min-width:120px}
.ak-field textarea{padding:10px 12px}

/* formlar / diyalog */
.ak-form{display:flex;flex-direction:column;gap:14px}
.ak-field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}
.ak-field>span,.ak-field legend{font-size:14px;font-weight:600;color:var(--ink2)}.ak-field small{color:var(--muted);font-size:12px;font-weight:400}
.ak-field input:focus,.ak-field select:focus,.ak-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.ak-check{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:8px;cursor:pointer}
.ak-check:hover{background:var(--chip)}.ak-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand);flex:none}
.ak-check span{display:flex;flex-direction:column}.ak-check small{color:var(--muted);font-size:12px}
.ak-check.is-inline{padding:0}.ak-check.is-inline:hover{background:transparent}
.ak-picklist{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px}
.ak-deptpick{margin-bottom:6px}
.ak-dialog{border:0;border-radius:18px;padding:0;width:min(560px,calc(100vw - 32px));background:var(--surface);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.ak-dialog::backdrop{background:rgba(10,15,21,.55)}
.ak-dialog .ak-form{padding:22px 24px}
.ak-dialog-head{display:flex;justify-content:space-between;align-items:center}.ak-dialog-head h2{font-size:20px}
.ak-dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}
.ak-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* giriş */
body.is-auth{background:var(--bg)}
.ak-auth{min-height:100vh;display:flex}
.ak-auth-art{flex:1 1 50%;position:relative;background:#0B1017;overflow:hidden;display:flex;align-items:flex-end;padding:48px}
.ak-auth-quote{position:relative;display:flex;flex-direction:column;gap:10px;color:#fff;max-width:520px}.ak-auth-quote b{font-size:32px;line-height:1.15;letter-spacing:-.02em}.ak-auth-quote small{color:var(--heroink);font-size:14px}
.ak-auth-card{flex:1 1 50%;max-width:560px;margin:0 auto;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.ak-auth-card h1{font-size:28px;font-weight:750}.ak-auth-card p{margin:0}
.ak-lang.is-auth{align-self:flex-start;margin-top:12px}
.ak-verified{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}
.ak-verified b{font-size:17px}.ak-verified dl{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}.ak-verified dt{color:var(--muted)}.ak-verified dd{margin:0;font-weight:600}
.ak-verified.is-valid{border-color:var(--ok2)}.ak-verified.is-expired,.ak-verified.is-revoked{border-color:var(--bad)}
.ak-locked{display:flex;flex-direction:column;gap:14px}.ak-locked .ak-thumb{border-radius:16px}.ak-locked h1{font-size:28px}
.ak-outline{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.ak-outline li span{margin-right:8px}.ak-outline small{color:var(--muted)}

/* basılabilir sertifika / rapor */
body.is-print{background:var(--bg)}
.ak-printbar{max-width:1123px;margin:20px auto 12px;padding:0 16px;display:flex;gap:10px;align-items:center}
.ak-sheet{width:1123px;max-width:calc(100vw - 32px);margin:0 auto 40px;aspect-ratio:297/210;background:#fff;color:#0F1720;display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid #E3E6EA}
.ak-sheet-stripe{height:6px;background:var(--brand)}
.ak-sheet-top{padding:36px 64px 0;display:flex;justify-content:space-between;align-items:center}
.ak-brand.is-print{color:#0F1720}.ak-brand.is-print b{font-size:19px}
.ak-sheet-logo{max-height:52px;max-width:180px;object-fit:contain}.ak-sheet-firm{font-weight:650;color:#3C4653}
.ak-sheet-body{flex:1 1 auto;padding:40px 64px 0;display:flex;flex-direction:column;gap:10px}
.ak-sheet-kicker{font-size:14px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#5B6573}
.ak-sheet-l{font-size:16px;color:#3C4653}.ak-sheet-l.is-gap{margin-top:12px}
.ak-sheet-body .ak-sheet-kicker+.ak-sheet-l{margin-top:16px}
.ak-sheet-name{font-weight:750;font-size:52px;letter-spacing:-.02em;line-height:1.05}
.ak-sheet-course{font-weight:700;font-size:28px;line-height:1.2;max-width:780px}
.ak-sheet-meta{display:flex;margin:22px 0 0;border-top:1px solid #E3E6EA;border-bottom:1px solid #E3E6EA;max-width:880px}
.ak-sheet-meta div{flex:1 1 0;padding:14px 0 14px 20px;border-left:1px solid #E3E6EA}.ak-sheet-meta div:first-child{padding-left:0;border-left:0}
.ak-sheet-meta dt{font-size:12px;color:#5B6573}.ak-sheet-meta dd{margin:2px 0 0;font-weight:650;font-size:14px}
.ak-sheet-foot{padding:0 64px 40px;display:flex;align-items:flex-end;gap:56px}
.ak-sign{display:flex;flex-direction:column;gap:4px;width:230px}.ak-sign i{height:44px;border-bottom:1px solid #0F1720}.ak-sign b{font-size:14px}.ak-sign small{font-size:12px;color:#5B6573}
.ak-verify{display:flex;align-items:center;gap:14px}.ak-verify>div{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ak-verify small{font-size:12px;color:#5B6573}.ak-verify b{font-size:14px}
.ak-doc{width:1000px;max-width:calc(100vw - 32px);margin:0 auto 40px;background:#fff;color:#0F1720;border:1px solid #E3E6EA;box-shadow:var(--shadow)}
.ak-doc-head{padding:28px 36px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ak-doc-head>div{display:flex;flex-direction:column;gap:4px}.ak-doc-head h1{font-size:26px}
.ak-doc-kpis{display:flex;margin:8px 36px 20px;border:1px solid #E3E6EA;border-radius:10px}
.ak-doc-kpis div{flex:1 1 0;padding:12px 16px;border-left:1px solid #E3E6EA}.ak-doc-kpis div:first-child{border-left:0}.ak-doc-kpis dt{font-size:12px;color:#5B6573}.ak-doc-kpis dd{margin:2px 0 0;font-size:22px;font-weight:750}
.ak-table.is-doc{font-size:13px}.ak-table.is-doc th{background:#FAFBFC;color:#3C4653}.ak-table.is-doc td{border-color:#EEF0F3}
.ak-doc-foot{padding:16px 36px 24px;font-size:12px;color:#5B6573;border-top:1px solid #EEF0F3}
@page{size:A4 landscape;margin:0}
@media print{
  body.ak{background:#fff}.ak-noprint,.ak-printbar,.ak-skip{display:none!important}
  .ak-sheet,.ak-doc{box-shadow:none;border:0;margin:0;width:100%;max-width:none}
  .ak-sheet{height:100vh;aspect-ratio:auto}
  .ak-sheet-stripe{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ak-doc{font-size:12px}.ak-table.is-doc tr{break-inside:avoid}
}

/* duyarlı */
@media (max-width:860px){
  .ak-wrap{padding-left:16px;padding-right:16px}
  .ak-search{flex:1 1 100%;order:5}
  .ak-lesson-side{position:static}
  .ak-auth{flex-direction:column}.ak-auth-art{min-height:200px;flex:none;padding:24px}.ak-auth-quote b{font-size:22px}.ak-auth-card{padding:28px 16px}
  .ak-resume-tx h1{font-size:24px}.ak-page-head h1{font-size:24px}.ak-lesson-head h1{font-size:22px}
  .ak-sheet{aspect-ratio:auto}.ak-sheet-top,.ak-sheet-body,.ak-sheet-foot{padding-left:20px;padding-right:20px}.ak-sheet-name{font-size:34px}.ak-sheet-meta{flex-wrap:wrap}.ak-sheet-foot{flex-wrap:wrap;gap:20px}
  .ak-certs{grid-template-columns:1fr}.ak-doc-kpis{flex-wrap:wrap}
}
@media (max-width:520px){.ak-nav{order:4;width:100%}.ak-nav a{padding:0 10px}.ak-tools .ak-lang{display:none}.ak-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* genişlik sınıfları (ilerleme çubukları, CSP) */
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.ak-main>*,.ak-panel,.ak-split>*{min-width:0;max-width:100%}.ak-tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ak-tablewrap,.ak-panel,.ak-top,.ak-dialog{position:relative}.ak-top{position:sticky}
/* koyu tema ayrıntıları */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ak-logo{box-shadow:inset 0 0 0 1px #3A4656}:root:not([data-theme="light"]) .ak-pill.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}}
:root[data-theme="dark"] .ak-logo{box-shadow:inset 0 0 0 1px #3A4656}:root[data-theme="dark"] .ak-pill.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* ── Giriş animasyonu (1.0.1) ── */
.ak-auth-art{isolation:isolate;background:#070b10}
.ak-intro-cv{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:0}
.ak-auth-art.is-live .ak-intro-cv{display:block}
.ak-auth-art.is-live .ak-auth-still{display:none}
.ak-auth-still{position:absolute;inset:0}
.ak-auth-art .ak-auth-quote{z-index:2}
.ak-auth-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(7,11,16,0),rgba(7,11,16,.88) 62%);z-index:1;pointer-events:none}
.ak-intro-steps{position:absolute;top:28px;left:32px;right:32px;z-index:2;margin:0;padding:0;list-style:none;display:none;flex-wrap:wrap;gap:6px}
.ak-auth-art.is-live .ak-intro-steps{display:flex}
.ak-intro-steps li{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 7px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(10,15,21,.55);color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:color .3s,border-color .3s,background .3s,transform .3s;backdrop-filter:blur(6px)}
.ak-intro-steps li span{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;color:#64748b;padding:2px 6px;border-radius:999px;background:rgba(148,163,184,.12);transition:inherit}
.ak-intro-steps li.is-done{color:#cbd5e1;border-color:rgba(74,222,128,.28)}
.ak-intro-steps li.is-done span{color:#4ade80;background:rgba(74,222,128,.12)}
.ak-intro-steps li.is-on{color:#fff;border-color:rgba(249,115,22,.7);background:rgba(249,115,22,.16);transform:translateY(-1px)}
.ak-intro-steps li.is-on span{color:#fff;background:var(--fire)}
.ak-intro-line{display:block;min-height:1.4em}
.ak-intro-line.is-in{animation:ak-line-in .5s ease both}
@keyframes ak-line-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:860px){
  .ak-auth-art{min-height:360px}
  .ak-auth-art .ak-auth-quote b{font-size:19px}
  .ak-auth-art .ak-auth-quote .ak-kicker{display:none}
  .ak-auth-art::after{height:38%}
  .ak-intro-steps{top:14px;left:14px;right:14px;gap:4px}
  .ak-intro-steps li{padding:4px 8px 4px 5px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){.ak-intro-line.is-in{animation:none}.ak-intro-steps li{transition:none}}