:root{--font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--bg-primary: #070a13;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: rgba(15, 23, 42, .65);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--color-cyan: #06b6d4;--color-indigo: #6366f1;--color-emerald: #10b981;--color-amber: #f59e0b;--color-rose: #f43f5e;--gradient-primary: linear-gradient(135deg, var(--color-cyan) 0%, var(--color-indigo) 100%);--gradient-emerald: linear-gradient(135deg, #34d399 0%, var(--color-emerald) 100%);--gradient-amber: linear-gradient(135deg, #fbbf24 0%, var(--color-amber) 100%);--gradient-rose: linear-gradient(135deg, #fb7185 0%, var(--color-rose) 100%);--gradient-dark: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-card-border: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .02) 100%);--gradient-glow: radial-gradient(circle, rgba(99, 102, 241, .15) 0%, rgba(7, 10, 19, 0) 70%);--glass-bg: rgba(13, 20, 38, .7);--glass-border: 1px solid rgba(255, 255, 255, .07);--glass-shadow: 0 12px 40px 0 rgba(0, 0, 0, .5);--max-width: 1200px;--border-radius-lg: 20px;--border-radius-md: 12px;--border-radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font:16px/1.65 var(--font-body)}a{color:inherit;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;padding:20px 16px}.brand{font-size:20px;letter-spacing:-.02em}.brand b{color:var(--color-cyan)}.brand span{color:var(--text-secondary);font-weight:400;margin-left:4px}.home{color:var(--text-secondary);font-size:14px}main{max-width:var(--max-width);margin:0 auto;padding:8px 16px 64px}.foot{text-align:center;color:var(--text-muted);font-size:13px;padding:32px 16px;border-top:var(--glass-border)}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}h2{margin-top:40px;font-size:22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--color-cyan);margin:0 0 6px;font-weight:600}.lead{font-size:18px;color:var(--text-secondary)}.muted{color:var(--text-muted);font-size:14px}.hero{padding:48px 0 32px;max-width:760px}.hero h1{font-size:clamp(32px,6vw,52px);margin:0 0 16px}.hero em{font-style:normal;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.hero.small h1{font-size:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.card{display:block;background:var(--bg-card);border:var(--glass-border);border-radius:var(--border-radius-lg);padding:24px;transition:var(--transition-smooth)}.card:hover{border-color:#fff3;transform:translateY(-2px)}.program{border-top:3px solid var(--accent)}.program h2{margin:12px 0 4px;font-size:28px}.program .sub{color:var(--accent);margin-top:0}.program p{color:var(--text-secondary)}.program ul{padding-left:18px;color:var(--text-primary);font-size:15px}.tag,.pill{display:inline-block;font-size:12px;padding:4px 10px;border-radius:99px;background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.list{display:grid;gap:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.row h3{margin:0 0 4px}.row p{margin:0;color:var(--text-secondary);font-size:15px}.crumbs{font-size:14px;color:var(--text-muted);padding:8px 0 16px}.crumbs a{color:var(--text-secondary)}.crumbs a:hover{color:var(--color-cyan)}.title{font-size:clamp(26px,4vw,36px);margin:0 0 16px}.callout{background:var(--bg-secondary);border-left:3px solid var(--color-cyan);border-radius:var(--border-radius-md);padding:16px 20px;margin:16px 0}.callout h3{margin:0 0 6px}.callout p:last-child{margin-bottom:0}.checks{padding:0;list-style:none}.checks li{padding:6px 0 6px 28px;position:relative}.checks li:before{content:"✓";position:absolute;left:4px;color:var(--color-emerald)}.steps li{padding:4px 0}.lessons{list-style:none;padding:0;display:grid;gap:10px}.lessons a{display:flex;gap:14px;align-items:center;padding:14px 18px;background:var(--bg-card);border:var(--glass-border);border-radius:var(--border-radius-md)}.lessons a:hover{border-color:var(--color-cyan)}.num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg-tertiary);font-size:14px}.lesson{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.lesson aside{position:sticky;top:16px;background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:18px;font-size:14px}.lesson aside h3{margin:0 0 12px;font-size:16px}.lesson aside ol{padding-left:20px;margin:0}.lesson aside li{padding:3px 0;color:var(--text-secondary)}.lesson aside li.on{color:var(--color-cyan);font-weight:600}article{min-width:0;max-width:760px}.takeaways dt{font-weight:600;margin-top:14px;color:var(--color-cyan)}.takeaways dd{margin:4px 0 0}.story{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:4px 20px}.nav{display:flex;justify-content:space-between;margin-top:40px;gap:12px}.btn{display:inline-block;background:var(--gradient-primary);color:#fff;border:0;border-radius:99px;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer}.btn.ghost{background:var(--bg-tertiary)}.options{display:grid;gap:10px;margin:16px 0}.opt,.cols button{text-align:left;font:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-md);padding:12px 16px;cursor:pointer}.opt.right,.sitem.right{border-color:var(--color-emerald);background:#10b9811f}.opt.wrong,.sitem.wrong{border-color:var(--color-rose);background:#f43f5e1f}.explain{margin-top:20px;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--border-radius-md);padding:14px 18px}.explain .eyebrow{color:var(--color-amber)}.sort{display:grid;gap:10px;margin:16px 0}.sitem{border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md);padding:12px;background:var(--bg-card)}.cols{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cols button{padding:6px 12px;font-size:14px}.cols button.sel{border-color:var(--color-cyan);color:var(--color-cyan)}.tablewrap{overflow-x:auto}.matrix{border-collapse:collapse;width:100%;font-size:14px}.matrix th,.matrix td{border-bottom:1px solid rgba(255,255,255,.08);padding:8px;text-align:left}.matrix input{width:64px;background:var(--bg-tertiary);color:var(--text-primary);border:0;border-radius:6px;padding:6px;font:inherit}.matrix .best{color:var(--color-emerald)}.reflect{display:block;margin-top:24px}.reflect span{font-weight:600}.reflect textarea{display:block;width:100%;min-height:140px;margin:8px 0 4px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-md);padding:12px;font:inherit}.reflect small{color:var(--text-muted)}@media (max-width: 800px){.lesson{grid-template-columns:1fr}.lesson aside{position:static}.row{flex-direction:column;align-items:flex-start}}:root{--tier-bronze: var(--color-amber);--tier-silver: #9ca3af;--tier-gold: #818cf8}.ico{flex:none;vertical-align:-.15em}.links{display:flex;gap:20px;align-items:center}.links a{color:var(--text-secondary);font-size:14px}.links a:hover{color:var(--color-cyan)}.eyebrow .ico,.tag .ico,.pill .ico{vertical-align:-2px}.ilist{list-style:none;padding:0;display:grid;gap:6px}.ilist li{display:flex;gap:8px;align-items:flex-start}.ilist .ico{margin-top:3px;color:var(--accent)}.num .ico{color:var(--color-emerald)}.steps-nav{list-style:none;padding:0!important}.steps-nav a{display:flex;gap:8px;align-items:flex-start}.steps-nav .ico{margin-top:3px}.steps-nav li.seen .ico{color:var(--color-emerald)}.steps-nav li.on .ico{color:var(--color-cyan)}.btn .ico{vertical-align:-3px}.vi{display:block;font-size:13px;font-weight:400;color:var(--text-muted);letter-spacing:0;text-transform:none;margin-top:2px}.takeaways dt .vi{color:var(--text-muted)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 12px;border-radius:var(--border-radius-lg);background:var(--bg-card);border:var(--glass-border)}.badge strong{font-size:15px}.badge span{font-size:12px;color:var(--text-secondary);line-height:1.4}.badge em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.tier-bronze{color:var(--tier-bronze)}.tier-silver{color:var(--tier-silver)}.tier-gold{color:var(--tier-gold)}.medal.locked{opacity:.3;filter:grayscale(1)}.badge.earned{border-color:#10b98166}.title.en{margin-bottom:4px}.vi-title{margin:0 0 8px;color:var(--text-muted);font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid rgba(6,182,212,.35);color:var(--color-cyan);background:#06b6d414}.chips.sm{margin-top:8px;gap:6px}.chips.sm .chip{font-size:11.5px;padding:3px 9px;border-color:var(--border, rgba(255,255,255,.12));color:var(--text-secondary);background:var(--bg-tertiary)}.phead{display:flex;justify-content:space-between;align-items:center}.ptile{width:52px;height:52px;border-radius:var(--border-radius-md);display:grid;place-items:center;background:var(--bg-tertiary);color:var(--accent)}.program h2 a:hover{color:var(--accent)}.clist{display:grid;gap:10px;margin-top:16px}.citem{display:flex;gap:14px;align-items:center;padding:14px;border-radius:var(--border-radius-md);background:var(--bg-secondary);border:1px solid transparent}.citem:hover{border-color:var(--accent)}.citem>.ico{color:var(--text-muted)}.cnum{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg-tertiary);color:var(--accent);font-size:14px;font-weight:600}.cbody{flex:1;min-width:0;display:flex;flex-direction:column}.cbody strong{font-size:16px}.ctitle{font-size:14px;color:var(--text-secondary)}.home-badges{margin-top:48px;display:grid;gap:16px}.grid{align-items:start}.diagram{margin:20px 0 12px;padding:20px;border-radius:var(--border-radius-lg);background:var(--bg-secondary);border:var(--glass-border);overflow-x:auto}.dnode{display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-md);padding:10px 12px;cursor:pointer;min-height:44px;transition:var(--transition-smooth)}.dnode[data-i]:hover{border-color:var(--color-cyan);transform:translateY(-1px)}.dnode[aria-pressed=true]{border-color:var(--color-cyan);box-shadow:0 0 0 3px #06b6d433}.dnode.seen .dicon{color:var(--color-emerald)}.dnode.root{cursor:default;border-color:var(--color-indigo)}.dicon{flex:none;width:36px;height:36px;border-radius:var(--border-radius-sm);display:grid;place-items:center;background:var(--bg-tertiary);color:var(--color-cyan)}.dicon.big{width:52px;height:52px}.dlabel{font-size:14px;font-weight:600;line-height:1.3}.dlabel small{display:block;font-weight:400;font-size:12px;color:var(--text-muted)}.darrow{color:var(--text-muted);align-self:center}.d-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.d-cycle{position:relative;width:min(100%,520px);aspect-ratio:1;margin:0 auto}.d-cycle .ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.d-cycle .ring circle{fill:none;stroke:var(--color-cyan);stroke-opacity:.35;stroke-width:.6;stroke-dasharray:2 2}.cpos{position:absolute;transform:translate(-50%,-50%);max-width:46%}.ccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-cyan);opacity:.6}.d-layers{display:flex;flex-direction:column;align-items:center;gap:6px}.layer{width:var(--w);min-width:220px;max-width:100%}.layer .dnode{width:100%;justify-content:center}.d-tree{display:flex;flex-direction:column;align-items:center;gap:12px}.troot{text-align:center;display:flex;flex-direction:column;align-items:center;max-width:520px}.troot p{margin:6px 0 0}.tkids{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:12px;border-top:1px dashed rgba(6,182,212,.35)}.tbranch{display:flex;flex-direction:column;align-items:center;gap:0}.tbranch>.tkids{padding-top:10px;gap:8px}.d-quad{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:8px}.qy{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary)}.qy small,.qx small{display:block;font-weight:400;color:var(--text-muted)}.qx{grid-column:2;text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary)}.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qcell{padding:14px;border-radius:var(--border-radius-md);border:1px dashed rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;min-height:110px}.d-grid{border-collapse:separate;border-spacing:6px;width:100%}.d-grid th{font-size:13px;color:var(--text-secondary);text-align:left;padding:4px}.d-grid td{vertical-align:top}.d-grid td .dnode{width:100%}.d-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ccol ul{padding-left:18px;font-size:14px;color:var(--text-secondary)}.dprogress{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.dbar{flex:1;height:6px;border-radius:99px;background:var(--bg-tertiary);overflow:hidden}.dbar i{display:block;height:100%;background:var(--gradient-emerald);transition:width .4s}.ddetail{margin-top:14px;min-height:90px}.dcard{display:flex;gap:16px;padding:16px 18px;border-radius:var(--border-radius-md);background:var(--bg-card);border:1px solid rgba(6,182,212,.35);animation:pop .25s ease-out}.dcard h3,.dcard p{margin:0 0 6px}.dex{color:var(--text-secondary);font-size:14px}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 600px){.cpos{max-width:60%}.cpos .dnode small{display:none}}@media (prefers-reduced-motion: reduce){.dcard,.dnode{animation:none;transition:none}}button.badge{font:inherit;color:inherit;cursor:pointer;transition:var(--transition-smooth)}button.badge:hover{transform:translateY(-3px);border-color:var(--color-cyan)}button.badge:hover .medal:not(.locked){animation:wobble .6s ease-in-out}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(6deg) scale(1.05)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#03060eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s}.sheet{position:relative;width:min(420px,100%);text-align:center;padding:32px 24px 28px;border-radius:var(--border-radius-lg);background:var(--bg-secondary);border:var(--glass-border);box-shadow:var(--glass-shadow);animation:rise .3s cubic-bezier(.34,1.56,.64,1)}.sheet .x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;color:var(--text-secondary);cursor:pointer}.sheet h2{margin:6px 0}.sheet .ok{color:var(--color-emerald)}.medal-big{display:inline-block;position:relative}.medal-big svg{width:160px;height:160px}.medal-big.shine svg{animation:spinin .9s cubic-bezier(.34,1.56,.64,1)}.medal-big.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;animation:sheen 1.6s .5s ease-out;mix-blend-mode:overlay;pointer-events:none}@keyframes spinin{0%{transform:rotateY(180deg) scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes sheen{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes rise{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}.toast{position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;font:inherit;text-align:left;color:var(--text-primary);background:var(--bg-secondary);border:1px solid rgba(16,185,129,.5);border-radius:999px;box-shadow:var(--glass-shadow);cursor:pointer;animation:rise .4s cubic-bezier(.34,1.56,.64,1)}.toast.out{opacity:0;transform:translateY(12px);transition:all .5s}.toast small{display:block;font-size:11px;color:var(--color-emerald);text-transform:uppercase;letter-spacing:.08em}.tmedal svg{width:52px;height:52px;animation:spinin .8s .1s both cubic-bezier(.34,1.56,.64,1)}@media (prefers-reduced-motion: reduce){.toast,.sheet,.modal,.medal-big svg,.medal-big:after,.tmedal svg,button.badge:hover .medal{animation:none!important}}