@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap";*{box-sizing:border-box}body{color:#29263e;background:#f7f7fc;margin:0;font-family:DM Sans,sans-serif}.layout{min-height:100vh;display:flex}.layout aside{background:#fff;border-right:1px solid #eeeef6;flex-direction:column;flex-shrink:0;width:240px;padding:25px 16px;display:flex}.brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.logo{color:#fff;background:#6d63e9;border-radius:13px;padding:11px}.brand b{font:900 17px Nunito;display:block}.brand small,.profile small{color:#9996ad;margin-top:3px;font-size:11px;display:block}.profile{background:#f5f3ff;border-radius:13px;align-items:center;gap:10px;margin-bottom:25px;padding:12px;display:flex}.profile>span{color:#8b5730;background:#ffdfbe;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.profile b{font-size:12px}.nav{color:#85829a;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;margin-bottom:5px;padding:12px;font-size:13px;display:flex}.nav.active{color:#6258db;background:#efedff;font-weight:700}.sidefoot{color:#776ce1;background:#f4f1ff;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:14px;font-size:12px;display:flex}main{flex:1;min-width:0;max-width:1600px;margin:auto;padding:28px clamp(18px,4vw,55px)}header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.5px;color:#9996ad;font-size:10px;font-weight:700}h1{letter-spacing:-.6px;margin:7px 0 0;font:900 clamp(23px,2.5vw,32px) Nunito}.safe{color:#37ac84;white-space:nowrap;font-size:11px}.hero{background:#eae8ff;border-radius:22px;justify-content:space-between;min-height:230px;padding:32px;display:flex;overflow:hidden}.tag{color:#7165dd;letter-spacing:.5px;background:#fff;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-block}.hero h2{margin:15px 0 9px;font:900 clamp(28px,3vw,39px)/1.1 Nunito}.hero h2 em{color:#6c60e7;font-style:normal}.hero p,.lesson>p,.quizintro p{color:#817d98;font-size:13px;line-height:1.6}.art{align-self:center;padding:0 5%;font-size:92px;position:relative}.art span{color:#8378eb;font-size:35px;position:absolute;top:-10px;right:0}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#6b60e8}.secondary{color:#716d86;background:#fff;border:1px solid #e7e5f2}.primary:disabled{opacity:.4}.stats{grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0 28px;display:grid}.stats>div{background:#fff;border:1px solid #efeff6;border-radius:14px;grid-template-columns:35px 1fr;align-items:center;column-gap:10px;padding:16px;display:grid}.stats svg{color:#766be2;grid-row:span 2}.stats b{font:900 21px Nunito}.stats small{color:#9996aa;font-size:10px}.section-title{margin:0 0 13px;font:900 20px Nunito}.tiles{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.tiles button{text-align:left;background:#fff;border:1px solid #efeff6;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:165px;padding:18px;display:flex}.tiles svg{color:#7165dc;margin-bottom:13px}.tiles b{font:800 15px Nunito}.tiles p{color:#9996aa;font-size:11px;line-height:1.6}.tiles strong{color:#6b60e8;margin-top:auto;font-size:11px}.tip{color:#6b60e8;background:#f0efff;border-radius:13px;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;display:flex}.tip p{color:#817d98;margin:5px 0 0;font-size:11px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button{color:#77738c;background:#fff;border:1px solid #ecebf5;border-radius:10px;padding:10px 14px;font-size:12px}.tabs button.selected{color:#6258db;background:#efedff}.lesson{text-align:center;background:#fff;border:1px solid #efeff6;border-radius:18px;max-width:850px;margin:auto;padding:27px}.lesson h2,.quizintro h2{margin:12px 0 5px;font:900 25px Nunito}.flash{color:#5b50c2;background:linear-gradient(145deg,#f0eeff,#e7e4ff);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:420px;min-height:235px;margin:22px auto;padding:20px;display:flex}.flash small{letter-spacing:1px;color:#948ae6;font-size:10px}.flash strong{font:900 32px Nunito}.flash span{color:#77719c;font-size:18px}.controls{justify-content:center;gap:10px;margin-top:20px;display:flex}.quizintro{margin-bottom:20px}.quizintro h2{margin-top:12px}.questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.question{background:#fff;border:1px solid #efeff6;border-radius:14px;flex-direction:column;gap:8px;padding:16px;font-size:12px;display:flex}.question>b{margin-bottom:5px;font:800 13px/1.5 Nunito}.option{text-align:left;color:#77738c;cursor:pointer;background:#fafaff;border:1px solid #eeedf6;border-radius:8px;align-items:center;gap:7px;padding:9px;font-size:11px;display:flex}.option.chosen{background:#f0eeff;border-color:#9287ed}.option.right{color:#26845f;background:#e9fbf3;border-color:#73cba7}.option svg{margin-left:auto}.why{color:#329a76;margin:3px 0;font-size:11px}.upload{cursor:pointer}.upload input{display:none}.camera{margin:8px;font-size:40px}.muted{color:#a19db0!important;font-size:11px!important}.photos{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.photos img{object-fit:cover;border-radius:10px;width:120px;height:120px}footer{text-align:center;color:#aaa7ba;padding:28px 0 0;font-size:10px}@media (width<=850px){.layout aside{width:190px;padding:18px 10px}.tiles{gap:8px}.tiles button{padding:13px}.questions{grid-template-columns:1fr}}@media (width<=620px){.layout{display:block}.layout aside{flex-direction:row;align-items:center;gap:5px;width:auto;min-height:0;padding:10px;display:flex;overflow:auto}.brand{margin:0 auto 0 0}.brand small,.profile,.sidefoot{display:none}.brand b{font-size:14px}.nav{gap:0;margin:0;padding:9px;font-size:0}.nav svg{width:18px}.main,main{padding:18px 13px}.safe{display:none}.hero{padding:22px}.art{opacity:.8;font-size:60px}.hero h2{font-size:29px}.stats{gap:7px}.stats>div{grid-template-columns:1fr;padding:10px}.stats svg{margin-bottom:5px}.stats b{font-size:18px}.stats small{font-size:9px}.tiles{grid-template-columns:1fr}.tiles button{min-height:0}.tiles p{font-size:12px}.questions{grid-template-columns:1fr}.lesson{padding:18px 10px}.flash{min-height:200px}}.account-panel{color:#55466f;background:#fff;border:1px solid #e9e3f6;border-radius:20px;align-items:flex-start;gap:14px;margin:0 0 24px;padding:18px 22px;display:flex;box-shadow:0 5px 18px #5140750a}.account-panel>svg,.account-heading>svg{color:#8064c9;flex-shrink:0;margin-top:2px}.account-panel p{color:#777087;margin:5px 0;font-size:.92rem}.account-panel small{color:#8a8399}.account-copy{flex:1;min-width:0}.account-form{max-width:720px;display:block}.account-heading{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.account-form form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.account-form label{color:#625873;flex-direction:column;gap:6px;font-size:.86rem;font-weight:700;display:flex}.account-form input{color:#403650;width:100%;min-width:0;font:inherit;background:#fcfbff;border:1px solid #e1d9ef;border-radius:12px;padding:11px 12px}.account-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex}.account-actions .primary,.account-panel .secondary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.text-button{color:#8064c9;font:inherit;cursor:pointer;background:0 0;border:0;padding:9px}.account-message{font-size:.9rem;margin-top:12px!important}.account-panel button:disabled{opacity:.6;cursor:wait}@media (width<=650px){.account-form form{grid-template-columns:1fr}.account-actions{grid-column:auto}.account-panel{flex-wrap:wrap;padding:16px}}
