/* v7 learning pages — visually aligned with the app-inspired homepage. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--display:'Outfit','Cabin',system-ui,sans-serif;--font:'DM Sans','Clear Sans',system-ui,sans-serif;--blue:#235cdb;--ink:#122547;--navy:#122547;--border:#dde7f6;--round:18px;--shadow:0 10px 30px #294f8c0b}
body{font-family:var(--font);color:var(--ink);background:#f8faff}
h1,h2,h3{font-family:var(--display);font-weight:750;letter-spacing:-.047em}
.topbar{background:#fff;border-bottom:1px solid #e4eaf5;box-shadow:none}.topbar-inner{min-height:75px}
.toplinks .navlink,.navlink{border-radius:12px;font-weight:700}.toplinks .navlink.current{background:#e9f1ff;color:#235cdb}
.back-home,.header-chip{border-radius:12px}
.hero{background:linear-gradient(120deg,#f0f5ff,#e4eeff);border:1px solid #e0eafb;border-radius:24px;box-shadow:none}
.hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.055em}
.white-card,.unit-card,.resource-card,.price-card,.session-builder,.start-card,.question-card,.study-card{border-radius:19px;box-shadow:0 10px 26px #2b4d8609}
.btn,.btn-primary,.btn-secondary,.btn-outline{border-radius:13px;font-family:var(--font);font-weight:750}
.btn-primary{background:#235cdb;border-color:#235cdb;color:#fff}.btn-primary:hover{background:#1b47ac;border-color:#1b47ac}
.free-feature{background:linear-gradient(135deg,#163b8e,#356de8);border-radius:23px}
.paid-shell{max-width:1080px}.paid-header{background:transparent;border-radius:0;padding:30px 0}.paid-header h1{font-family:var(--display);font-weight:780;font-size:clamp(2.3rem,5vw,4rem);color:#1b3359}
.paid-panel{border-color:#e1e8f4;border-radius:20px;box-shadow:none;padding:clamp(22px,4vw,36px)}
.flashcard{background:#fff;border-color:#dce6f7;border-radius:20px;box-shadow:none}
.rating-buttons button,.rating-row button{border-radius:12px}
input,select{border-radius:12px}
@media(max-width:650px){.topbar-inner{min-height:67px}.hero{border-radius:20px;padding:26px 21px}.paid-header{padding:24px 0}.paid-shell{padding:13px 13px 90px}.paid-panel{border-radius:17px}}