:root{--bw-red: #C2160C;--bw-red-hover: #9E110A;--bw-blue: #0039A6;--bw-bg: #F4F6F9;--bw-card: #FFFFFF;--bw-ink: #0F172A;--bw-text: #334155;--bw-muted: #64748B;--bw-label: #94A3B8;--bw-border: rgba(15,23,42,.08);--bw-border-strong: rgba(15,23,42,.14);--bw-correct: #16A34A;--bw-streak: #D97706;--bw-sans: "Outfit", sans-serif;--bw-mono: "Space Mono", monospace;--bw-radius: 8px;--bw-radius-md: 14px;--bw-radius-lg: 20px;--bw-shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);--bw-shadow-md: 0 2px 8px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.05);--bw-shadow-lg: 0 4px 16px rgba(15,23,42,.08), 0 16px 48px rgba(15,23,42,.08);--bw-ease: cubic-bezier(.32,.72,0,1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}a,button,[role=button],label,select,input,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.auth-splash[data-astro-cid-u6tpajqw]{position:fixed;inset:0;z-index:9990;background-color:#0d1117;background-image:linear-gradient(150deg,#3a0603cc,#780c078c 52%,#c2160c52),url(/images/learn/hero-red.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;transition:opacity .35s ease-out}.auth-splash[data-astro-cid-u6tpajqw].is-done{opacity:0}.auth-splash__tile[data-astro-cid-u6tpajqw]{width:68px;height:68px;border-radius:50%;background-image:url(/images/learn/hero-red.jpg);background-size:cover;background-position:center;box-shadow:0 0 0 3px #ffffffeb,0 12px 34px #00000073;animation:bw-pulse 1.4s ease-in-out infinite}.auth-splash__word[data-astro-cid-u6tpajqw]{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.9}@keyframes bw-pulse{0%,to{transform:scale(.93);opacity:.72}50%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.auth-splash__tile[data-astro-cid-u6tpajqw]{animation:none}}.auth-content[data-astro-cid-u6tpajqw]{visibility:hidden;opacity:0}.auth-content[data-astro-cid-u6tpajqw].is-granted{visibility:visible;opacity:1;transition:opacity .18s ease-out}body.learn-body{background:var(--bw-bg, #F4F6F9);color:var(--bw-text, #334155)}body.learn-body .site-footer{display:none}.learn-shell{min-height:100vh;display:flex;flex-direction:column}.learn-topbar{position:sticky;top:0;z-index:80;background-color:var(--bw-red);background-image:linear-gradient(135deg,#58080499,#96100947 55%,#c2160c1f),url(/images/learn/hero-red.jpg);background-size:cover;background-position:center;color:#fff;border-bottom:2px solid var(--bw-blue);padding-top:env(safe-area-inset-top)}.learn-topbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto;padding:14px 24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.learn-brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.learn-propeller{display:none}.learn-brand:before{content:"";width:30px;height:30px;border-radius:50%;flex-shrink:0;background-image:url(/images/learn/hero-red.jpg);background-size:cover;background-position:center;box-shadow:0 0 0 2px #ffffffe6}.learn-brand-text{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;line-height:1}.learn-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid rgba(15,23,42,.08);padding-bottom:env(safe-area-inset-bottom)}.learn-bottomnav-inner{display:flex;max-width:720px;margin:0 auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.learn-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 4px 8px;min-height:56px;text-decoration:none;color:#64748b;transition:color .15s}.learn-tab svg{display:block}.learn-tab span{font-family:Outfit,sans-serif;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.learn-tab:hover{color:#0f172a}.learn-tab.is-active{color:#c2160c}.learn-settings{position:relative}.learn-settings>summary{list-style:none;cursor:pointer;color:#ffffffe6;padding:6px 8px;border-radius:6px;display:inline-flex;align-items:center;transition:color .2s,background .2s}.learn-settings>summary::-webkit-details-marker{display:none}.learn-settings>summary:hover{color:#fff;background:#ffffff29}.learn-settings[open]>summary{color:#fff;background:#ffffff38}.learn-settings-menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:200px;background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 8px 24px #0f172a1a;border-radius:3px;padding:6px;z-index:90;display:flex;flex-direction:column;gap:2px}.learn-settings-menu a,.learn-settings-menu button{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0f172a;padding:9px 12px;background:transparent;border:none;border-radius:2px;text-decoration:none;text-align:left;cursor:pointer;width:100%;transition:color .15s,background .15s}.learn-settings-menu a:hover,.learn-settings-menu button:hover{color:#0f172a;background:#0f172a0a}.learn-settings-menu a.is-active{color:#c2160c}.learn-main{flex:1;padding:28px 24px 48px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));max-width:720px;width:100%;margin:0 auto}.has-bottomnav .learn-main{padding-bottom:calc(82px + env(safe-area-inset-bottom))}@media(max-width:640px){.learn-topbar-inner{padding:10px 14px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:6px}.learn-main{padding:18px 16px 40px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.has-bottomnav .learn-main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.learn-brand-text{font-size:12px;letter-spacing:.1em}.learn-propeller{width:20px;height:19px}.learn-settings-menu{right:-4px;min-width:220px}}.op-header{padding:26px 0 22px;border-bottom:1px solid var(--bw-border);margin-bottom:26px}.op-eyebrow{font-family:var(--bw-mono);font-size:11px;font-weight:400;color:var(--bw-label);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.op-h1{font-family:var(--bw-sans);font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.15;letter-spacing:-.02em;color:var(--bw-ink);margin-bottom:14px;max-width:56ch;text-wrap:balance}.op-h1 .op-num{color:var(--bw-red)}.op-lede{font-family:var(--bw-sans);font-size:15px;line-height:1.6;color:var(--bw-text);max-width:64ch;margin-bottom:18px}.op-cta,.op-cta-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--bw-sans);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:13px 20px;border-radius:var(--bw-radius);text-decoration:none;cursor:pointer;transition:background .18s var(--bw-ease),border-color .18s var(--bw-ease),color .18s var(--bw-ease),transform .18s var(--bw-ease),box-shadow .18s var(--bw-ease)}.op-cta{background:var(--bw-red);color:#fff;border:1px solid var(--bw-red);box-shadow:var(--bw-shadow-sm)}.op-cta:hover{background:var(--bw-red-hover);border-color:var(--bw-red-hover);transform:translateY(-1px);box-shadow:var(--bw-shadow-md)}.op-cta:active{transform:translateY(0)}.op-cta-ghost{background:transparent;color:var(--bw-text);border:1px solid var(--bw-border-strong)}.op-cta-ghost:hover{border-color:#0f172a4d;color:var(--bw-ink)}.op-cta kbd{font-family:var(--bw-mono);font-size:10px;padding:2px 6px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:4px;letter-spacing:0;text-transform:none;color:#ffffffd9}.op-cta-ghost kbd{font-family:var(--bw-mono);font-size:10px;padding:2px 6px;background:transparent;border:1px solid var(--bw-border-strong);border-radius:4px;color:var(--bw-muted)}.op-label{font-family:var(--bw-mono);font-size:11px;font-weight:400;color:var(--bw-muted);letter-spacing:.1em;text-transform:uppercase}.learn-eyebrow{font-family:var(--bw-mono);font-size:11px;font-weight:400;color:var(--bw-label);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.learn-h1{font-family:var(--bw-sans);font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.15;letter-spacing:-.02em;color:var(--bw-ink);max-width:56ch;text-wrap:balance}.learn-lede{font-family:var(--bw-sans);font-size:15px;line-height:1.6;color:var(--bw-text);max-width:64ch}.learn-btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--bw-sans);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:13px 20px;border-radius:var(--bw-radius);text-decoration:none;cursor:pointer;background:var(--bw-red);color:#fff;border:1px solid var(--bw-red);box-shadow:var(--bw-shadow-sm);transition:background .18s var(--bw-ease),transform .18s var(--bw-ease),box-shadow .18s var(--bw-ease)}.learn-btn-primary:hover{background:var(--bw-red-hover);border-color:var(--bw-red-hover);transform:translateY(-1px);box-shadow:var(--bw-shadow-md)}.learn-btn-primary:active{transform:translateY(0)}.learn-btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--bw-sans);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:13px 20px;border-radius:var(--bw-radius);text-decoration:none;cursor:pointer;background:transparent;color:var(--bw-text);border:1px solid var(--bw-border-strong);transition:border-color .18s var(--bw-ease),color .18s var(--bw-ease)}.learn-btn-ghost:hover{border-color:#0f172a4d;color:var(--bw-ink)}