@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f2e9da;--ink:#17140f;--ink-soft:#17140f8c;--red:#3462a8;--blue:#3462a8;--line:#17140f29;--hover:#17140f08}html[data-theme=dark]{--bg:#14120e;--ink:#f2e9da;--ink-soft:#f2e9da8f;--red:#6f93c7;--blue:#6f93c7;--line:#f2e9da29;--hover:#f2e9da0a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:Manrope,sans-serif;transition:background-color .4s,color .4s}body{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:4vh 6vw 0;display:flex}.topbar-right{align-items:center;gap:18px;display:flex}.wordmark{font-family:Fraunces,serif;font-size:clamp(18px,2.4vw,22px);font-weight:500}.wordmark em{color:var(--red);font-style:italic;font-weight:300;transition:color .4s}.tagline{color:var(--ink-soft);font-family:Fraunces,serif;font-size:clamp(12px,1.4vw,14px);font-style:italic;font-weight:300}.theme-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;width:52px;height:28px;padding:3px;transition:border-color .4s;display:flex;position:relative}.theme-toggle-knob{background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .4s;display:flex;transform:translate(0)}.theme-toggle-knob.dark{transform:translate(24px)}.theme-toggle-knob svg{width:12px;height:12px}.hero{flex:.5;justify-content:center;align-items:center;min-height:46vh;padding:0 8vw;display:flex}.hero svg{width:min(270px,78vw);height:auto}.split{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;transition:border-color .4s;display:flex}.half{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:10px;padding:5vh 4vw;transition:background .3s;display:flex;position:relative}.half:hover{background:var(--hover)}.half+.half{border-left:1px solid var(--line);transition:border-color .4s}.half-icon{width:30px;height:30px}.half-label{text-align:center;font-family:Fraunces,serif;font-size:clamp(16px,3vw,28px);font-weight:500;transition:color .4s}.half-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-align:center;font-size:clamp(10px,1.1vw,11.5px)}.half--practice .half-label{color:var(--red)}.half--learn .half-label{color:var(--blue)}@media (width<=640px){.half-label{font-size:clamp(16px,4vw,28px)}}@tailwind base;@tailwind components;@tailwind utilities;