/* ════════════════════════════════════════════════
   EduAI — Onboarding Modal
   ════════════════════════════════════════════════ */

/* ════ MODAL ════ */
.mo{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:5000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);animation:fadeIn .3s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.md{background:#fff;border-radius:20px;width:450px;max-width:95vw;box-shadow:0 20px 70px rgba(0,0,0,.18);overflow:hidden;animation:mdIn .4s cubic-bezier(.34,1.56,.64,1);}
@keyframes mdIn{from{opacity:0;transform:translateY(28px) scale(.95);}to{opacity:1;transform:translateY(0) scale(1);}}
.md-head{background:linear-gradient(135deg,var(--sf),var(--sf2));padding:22px 24px 18px;color:#fff;}
.md-ico{font-size:32px;margin-bottom:7px;}
.md-h{font-family:'Syne',sans-serif;font-size:19px;font-weight:800;margin-bottom:3px;}
.md-sub{font-size:12.5px;opacity:.88;line-height:1.5;}
.md-dots{display:flex;gap:5px;margin-top:11px;}
.md-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);transition:.3s;}
.md-dot.active{background:#fff;width:18px;border-radius:4px;}
.md-body{padding:20px 24px 22px;}
.md-step{display:none;} .md-step.active{display:block;}
.md-q{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:11px;}
.md-opts{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.md-opt{padding:9px 12px;background:var(--bg);border:2px solid var(--bdr);border-radius:9px;font-size:12.5px;font-weight:600;color:var(--t2);cursor:pointer;transition:.15s;display:flex;align-items:center;gap:6px;}
.md-opt:hover,.md-opt.sel{background:var(--sfl);border-color:var(--sf);color:var(--sf);}
.md-ig{margin-bottom:11px;}
.md-il{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t2);margin-bottom:5px;}
.md-in{width:100%;padding:9px 12px;background:var(--bg);border:1.5px solid var(--bdr);border-radius:9px;font-size:13px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--tx);outline:none;transition:.2s;}
.md-in:focus{border-color:var(--sf);background:#fff;box-shadow:0 0 0 3px rgba(232,97,10,.06);}
.md-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--bdr);}
.md-skip{font-size:12px;color:var(--t3);cursor:pointer;background:none;border:none;font-family:'Plus Jakarta Sans',sans-serif;}
.md-next{padding:8px 20px;background:var(--sf);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 2px 10px rgba(232,97,10,.25);transition:.2s;}
.md-next:hover{background:#CF5608;}

.b-sf{background:var(--sfl);color:var(--sf);}
.b-gn{background:var(--gnl);color:var(--gn);}
.b-bl{background:var(--bll);color:var(--bl);}
.b-gd{background:var(--gdl);color:var(--gd);}
.b-pu{background:var(--pul);color:var(--pu);}
.b-pk{background:var(--pkl);color:var(--pk);}
.b-rd{background:var(--rdl);color:var(--rd);}