:root{color:#172033;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #172033;--muted: #687183;--paper: #ffffff;--cream: #f6f4ef;--line: rgba(23, 32, 51, .12);--blue: #315cff;--blue-dark: #1739c8;--orange: #ff8a3d;--green: #22a06b;--shadow: 0 24px 70px rgba(36, 45, 72, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(49,92,255,.12),transparent 32rem),var(--cream)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:#f6f4efdb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--orange));border-radius:.8rem;box-shadow:0 12px 30px #315cff40}.nav-links,.nav-actions,.button-row,.footer-links{display:flex;align-items:center;gap:.8rem}.nav-links a{color:var(--muted);font-weight:750;padding:.6rem .75rem;border-radius:999px}.nav-links a.active,.nav-links a:hover{color:var(--ink);background:#17203312}.solid-button,.outline-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;border-radius:999px;border:0;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.solid-button{color:#fff;background:var(--blue);padding:.85rem 1.2rem;box-shadow:0 16px 34px #315cff3d}.solid-button:hover,.outline-button:hover,.ghost-button:hover{transform:translateY(-1px)}.solid-button:hover{background:var(--blue-dark)}.solid-button.small{min-height:2.35rem;padding:.65rem .95rem}.outline-button,.ghost-button{color:var(--ink);background:#fff;border:1px solid var(--line);padding:.82rem 1.15rem}.ghost-button{min-height:2.35rem;background:transparent}.full{width:100%}main{flex:1}.section{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,7vw,6rem) 0}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(2rem,6vw,5rem)}.eyebrow{margin:0 0 .75rem;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.2rem;max-width:780px;font-size:clamp(2.55rem,7vw,5.9rem);line-height:.92;letter-spacing:-.075em}h2{margin-bottom:.85rem;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1;letter-spacing:-.055em}h3{margin-bottom:.7rem;font-size:1.25rem;letter-spacing:-.03em}p{color:var(--muted);line-height:1.7}.hero-text{max-width:680px;font-size:1.16rem}.hero-card,.lesson-card,.example-detail,.progress-card,.auth-card,.feature-strip article,.split-panel,.callout{background:#ffffffc7;border:1px solid rgba(255,255,255,.8);border-radius:2rem;box-shadow:var(--shadow)}.hero-card{padding:clamp(1.35rem,4vw,2.2rem)}.score-ring{display:grid;place-items:center;width:8.2rem;height:8.2rem;margin-bottom:1.4rem;color:var(--blue);font-size:2rem;font-weight:950;background:conic-gradient(var(--blue) 0 98%,rgba(49,92,255,.12) 98% 100%);border-radius:50%;position:relative}.score-ring:after{content:"";position:absolute;top:.68rem;right:.68rem;bottom:.68rem;left:.68rem;background:#fff;border-radius:50%;z-index:0}.score-ring{isolation:isolate}.score-ring>*,.score-ring{z-index:1}.score-ring.compact{width:6.3rem;height:6.3rem;font-size:1.45rem}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem}.mini-grid span{padding:.85rem;color:var(--ink);background:#f2f5ff;border-radius:1rem;font-weight:800}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:0}.feature-strip article{padding:1.45rem}.feature-number{display:inline-flex;margin-bottom:1.1rem;color:var(--orange);font-weight:950}.split-panel,.callout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:4rem}.panel-list{display:grid;gap:.9rem}.panel-list div{display:grid;gap:.25rem;padding:1rem;background:#f6f8ff;border-radius:1rem}.panel-list span{color:var(--muted)}.page-heading{padding-bottom:1.5rem}.page-heading h1{font-size:clamp(2.25rem,5vw,4.8rem)}.page-heading p:not(.eyebrow){max-width:760px;font-size:1.08rem}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1rem}.lesson-card{padding:1.35rem}.lesson-topline{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase}.callout{grid-template-columns:1fr auto;margin-top:0}.examples-layout,.checklist-layout,.auth-page{display:grid;grid-template-columns:.75fr 1.25fr;gap:1.2rem;align-items:start;padding-top:1rem}.example-list{display:grid;gap:.8rem}.example-button{width:100%;padding:1.1rem;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:1.2rem}.example-button span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.example-button strong{font-size:1.1rem}.example-button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.example-button.active span{color:#ffffffad}.example-detail{padding:clamp(1.4rem,4vw,2.3rem)}.example-detail ul{display:grid;gap:.65rem;margin:1.4rem 0;padding-left:1.2rem;color:var(--muted);line-height:1.6}.checklist-layout{grid-template-columns:.8fr 1.2fr}.progress-card{padding:1.5rem}.checklist{display:grid;gap:.75rem}.check-item{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--line);border-radius:1.1rem;font-weight:750}.check-item.done{border-color:#22a06b61;background:#edf9f3}.check-box{display:grid;flex:0 0 auto;place-items:center;width:1.65rem;height:1.65rem;color:#fff;background:#17203329;border-radius:.5rem;font-weight:950}.check-item.done .check-box{background:var(--green)}.auth-page{grid-template-columns:1fr .9fr;align-items:center}.auth-copy h1{font-size:clamp(2.35rem,5vw,4.6rem)}.auth-card{display:grid;gap:1rem;padding:clamp(1.4rem,4vw,2.2rem)}.auth-card label{display:grid;gap:.45rem;color:var(--ink);font-weight:850}.auth-card input{width:100%;padding:.9rem 1rem;color:var(--ink);background:#f8f9fd;border:1px solid var(--line);border-radius:.95rem;outline:none}.auth-card input:focus{border-color:#315cffa6;box-shadow:0 0 0 4px #315cff1f}.form-message{margin:0;padding:.85rem;color:#0f5132;background:#edf9f3;border-radius:.9rem;font-weight:750}.form-footnote{margin:0;text-align:center}.form-footnote a{color:var(--blue);font-weight:850}.plan-picker{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.plan{padding:.75rem 1rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:850}.plan.active{color:#fff;background:var(--ink);border-color:var(--ink)}.selected-plan{margin-top:1rem;font-weight:850}.not-found{min-height:55vh;display:grid;align-content:center;justify-items:start}.footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,4vw,3rem);border-top:1px solid var(--line)}.footer p{max-width:620px;margin:.45rem 0 0}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-content:start}.footer-links a{color:var(--muted);font-weight:800}@media (max-width: 940px){.topbar{align-items:stretch;flex-wrap:wrap}.nav-links{order:3;width:100%;overflow-x:auto;padding-bottom:.2rem}.hero,.split-panel,.examples-layout,.checklist-layout,.auth-page,.callout{grid-template-columns:1fr}.lesson-grid,.feature-strip{grid-template-columns:repeat(2,1fr)}.callout{justify-items:start}}@media (max-width: 640px){.topbar{padding:.85rem 1rem}.brand span:last-child{display:none}.nav-actions{gap:.45rem}.ghost-button,.solid-button.small{padding-inline:.75rem}.button-row,.nav-actions,.footer,.footer-links{flex-direction:column;align-items:stretch}.button-row .solid-button,.button-row .outline-button{width:100%}.section{width:min(100% - 1rem,1120px);padding-block:2.4rem}h1{font-size:clamp(2.35rem,16vw,3.6rem)}.lesson-grid,.feature-strip,.mini-grid{grid-template-columns:1fr}.hero-card,.lesson-card,.example-detail,.progress-card,.auth-card,.feature-strip article,.split-panel,.callout{border-radius:1.35rem}.footer-links{justify-content:flex-start}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#111;background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}