:root{--bg:#05090e;--panel:#0b1316;--panel2:#101b1d;--ink:#edf6f2;--muted:#99aca5;--green:#00e5a0;--gold:#f0c86a;--line:rgba(100,229,178,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 78% 0,rgba(0,229,160,.12),transparent 30%),var(--bg);font-family:Inter,Arial,sans-serif}.learn-nav{position:sticky;z-index:20;top:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px max(22px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:rgba(5,9,14,.94);backdrop-filter:blur(14px)}.learn-brand{color:var(--ink);font-weight:900;letter-spacing:.08em;text-decoration:none}.learn-brand span{margin-right:8px;color:var(--green)}.learn-nav nav{display:flex;gap:18px}.learn-nav nav a,.learn-nav>a:last-child{color:var(--muted);font-size:.78rem;font-weight:700;text-decoration:none}.learn-nav nav a:hover{color:var(--green)}.learn-nav>a:last-child{padding:9px 13px;color:#04100b;background:var(--green)}main{max-width:1160px;margin:auto;padding:70px 24px 100px}.page-hero{max-width:850px;margin-bottom:46px}.eyebrow{color:var(--green);font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.page-hero h1{margin:12px 0 18px;font-size:clamp(2.7rem,6vw,5.9rem);line-height:.94;letter-spacing:-.065em}.page-hero p{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.btn{display:inline-block;padding:12px 17px;color:#04100b;background:var(--green);font-size:.82rem;font-weight:900;text-decoration:none}.btn.alt{color:var(--ink);border:1px solid var(--line);background:transparent}.simple-note{margin-top:22px;padding:16px 18px;color:var(--muted);border-left:3px solid var(--gold);background:rgba(240,200,106,.055);font-size:.83rem;line-height:1.55}.simple-note b{color:var(--gold)}.section{margin-top:70px}.section-head{max-width:760px;margin-bottom:24px}.section-head h2{margin:8px 0;color:var(--ink);font-size:clamp(1.8rem,3.5vw,3.1rem);letter-spacing:-.045em}.section-head p{color:var(--muted);line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{display:flex;min-height:240px;flex-direction:column;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel))}.card>span,.number{color:var(--green);font:800 .69rem JetBrains Mono,monospace}.card h2,.card h3{margin:18px 0 8px;line-height:1.15}.card p,.card li{color:var(--muted);font-size:.87rem;line-height:1.58}.card a,.card button{margin-top:auto;color:var(--green);font:800 .8rem Inter,sans-serif;text-decoration:none}.card button{padding:0;text-align:left;border:0;background:none;cursor:pointer}.steps{display:grid;gap:10px;counter-reset:step}.step{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);background:var(--panel)}.step>span{display:grid;width:48px;height:48px;place-items:center;color:#03100a;border-radius:50%;background:var(--green);font-weight:900}.step h2,.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);line-height:1.55}.step a{color:var(--green);font-size:.8rem;font-weight:800;text-decoration:none}.lesson-list{display:grid;gap:10px}.lesson{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);background:var(--panel)}.lesson .icon{font-size:1.7rem}.lesson h3{margin:0 0 5px}.lesson p{margin:0;color:var(--muted);font-size:.84rem}.lesson a{color:var(--green);font-size:.8rem;font-weight:900;text-decoration:none}.search{width:100%;min-height:50px;margin-bottom:18px;padding:0 16px;color:var(--ink);border:1px solid var(--line);background:#0d1719;font:600 1rem Inter}.term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.term{padding:20px;border:1px solid rgba(255,255,255,.08);background:var(--panel)}.term h2,.term h3{margin:0 0 8px;font-size:1.05rem}.term p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.term[hidden]{display:none}.faq{border-bottom:1px solid var(--line)}.faq summary{padding:20px 4px;color:var(--ink);font-weight:800;cursor:pointer}.faq p{max-width:800px;margin:0;padding:0 4px 20px;color:var(--muted);line-height:1.65}.story-tag{display:inline-block;padding:5px 8px;color:var(--gold)!important;border:1px solid rgba(240,200,106,.25);font-size:.63rem!important;font-weight:900}.quote{padding:28px;border-left:3px solid var(--green);background:var(--panel);font-size:clamp(1.2rem,2.6vw,2rem);line-height:1.45}.principles{display:grid;gap:10px}.principle{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px;border:1px solid var(--line);background:var(--panel)}.principle b{color:var(--green);font-size:1.5rem}.principle h3{margin:0 0 7px}.principle p{margin:0;color:var(--muted);line-height:1.58}.shot{overflow:hidden;padding:0}.shot-preview{min-height:225px;padding:20px;background:radial-gradient(circle at 80% 10%,rgba(0,229,160,.15),transparent 32%),#071014}.shot-bar{display:flex;justify-content:space-between;padding-bottom:12px;color:var(--green);border-bottom:1px solid var(--line);font:700 .65rem JetBrains Mono}.shot-ui{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.shot-ui i{min-height:62px;padding:12px;color:var(--muted);border:1px solid rgba(255,255,255,.08);font-style:normal;font-size:.7rem}.shot-ui i b{display:block;margin-top:6px;color:var(--ink);font-size:.9rem}.shot-copy{padding:20px}.shot-copy h3{margin:0 0 7px}.shot-copy p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{padding:26px;color:var(--ink);border:1px solid var(--line);background:var(--panel);text-decoration:none}.choice:hover,.choice:focus{border-color:var(--green);transform:translateY(-2px)}.choice span{color:var(--green);font-size:.7rem;font-weight:900}.choice h2{margin:18px 0 8px}.choice p{color:var(--muted);line-height:1.55}.footer{padding:32px 24px;color:var(--muted);border-top:1px solid var(--line);text-align:center;font-size:.78rem}.footer a{color:var(--muted)}@media(max-width:820px){.learn-nav nav{display:none}.card-grid,.choice-grid{grid-template-columns:1fr}.term-grid{grid-template-columns:1fr}.step,.lesson{grid-template-columns:52px 1fr}.step a,.lesson a{grid-column:2}}@media(max-width:520px){main{padding-top:44px}.page-hero h1{font-size:3rem}.learn-nav>a:last-child{display:none}}