/* ============================================================
   ADMISSION HUB — Onboarding (v11 · AI premium design)
   User-provided HTML (index 11.html) — হুবহু ডিজাইন
   + gate integration + real university logos
   ============================================================ */
html[data-ob="1"] #app,html[data-ob="1"] #navRoot{display:none!important;visibility:hidden!important}
#ahOnboardGate{
  position:fixed!important;inset:0!important;z-index:3000!important;
  background:#dfe3e7;color:#1f2937;overflow-y:auto;
  -webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;
  font-family:'Noto Sans Bengali','Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
#ahOnboardGate *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
#ahOnboardGate :root{--green:#1c7f45;--green-dark:#136534;--green-light:#eafaf0;--green-border:#22c55e;--border:#e6e8eb;--text:#1f2937;--muted:#6b7280;--bg:#ffffff;--gray-bg:#f4f5f7;}
.app-shell{
  max-width:430px;margin:0 auto;background:var(--bg, #fff);
  min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;
}
.screen{display:none;flex-direction:column;min-height:100vh;min-height:100dvh;padding:22px 20px 30px;animation:fadeIn .35s ease;}
.screen.active{display:flex;}
@keyframes fadeIn{from{opacity:0;transform:translateX(8px);}to{opacity:1;transform:translateX(0);}}

/* ---------- top bar ---------- */
.topbar{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.back-btn{width:36px;height:36px;border-radius:50%;background:var(--gray-bg,#f4f5f7);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;color:var(--text,#1f2937);}
.progress-track{flex:1;height:6px;background:#e9ebee;border-radius:999px;overflow:hidden;}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green-dark,#136534),var(--green-border,#22c55e));border-radius:999px;transition:width .5s ease;}

h1.title{font-size:22px;font-weight:800;line-height:1.35;margin:0 0 4px;color:#111827;}
p.subtitle{font-size:13.5px;color:var(--muted,#6b7280);margin:0 0 20px;line-height:1.6;}

/* ---------- generic option card ---------- */
.option-card{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1.6px solid var(--border,#e6e8eb);border-radius:16px;margin-bottom:12px;cursor:pointer;background:#fff;transition:.2s;}
.option-card.selected{border-color:var(--green-border,#22c55e);background:var(--green-light,#eafaf0);}
.option-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.option-text{flex:1;}
.option-text .t{font-size:14.5px;font-weight:700;color:#1f2937;margin:0 0 2px;}
.option-text .d{font-size:12px;color:var(--muted,#6b7280);margin:0;}
.check-badge{width:22px;height:22px;border-radius:50%;background:var(--green,#1c7f45);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:scale(.5);transition:.2s;}
.option-card.selected .check-badge{opacity:1;transform:scale(1);}

/* ---------- buttons ---------- */
.btn-primary{background:var(--green,#1c7f45);color:#fff;border:none;border-radius:14px;padding:16px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;box-shadow:0 8px 18px -6px rgba(28,127,69,.55);width:100%;}
.btn-primary:active{transform:scale(.98);}
.fab-next{position:absolute;right:20px;bottom:26px;width:52px;height:52px;border-radius:50%;background:var(--green,#1c7f45);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px -6px rgba(28,127,69,.55);}

/* ---------- Screen 1 ---------- */
#s0{align-items:center;text-align:center;justify-content:flex-start;padding-top:50px;}
.logo-mark{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:34px;}
.logo-icon-box{width:56px;height:56px;border-radius:16px;background:var(--green-light,#eafaf0);display:flex;align-items:center;justify-content:center;}
.logo-text{font-weight:800;font-size:15px;letter-spacing:1px;line-height:1.3;color:#111827;}
#s0 .title{font-size:23px;}
#s0 .illus-box{margin:26px 0 30px;width:100%;}
#s0 .bottom-area{margin-top:auto;width:100%;}

/* ---------- Screen 3 university ---------- */
.search-box{display:flex;align-items:center;gap:8px;background:var(--gray-bg,#f4f5f7);border-radius:14px;padding:13px 15px;margin-bottom:18px;}
.search-box input{border:none;background:transparent;outline:none;font-size:13.5px;font-family:inherit;flex:1;color:var(--text,#1f2937);}
.section-label{font-size:13px;font-weight:700;color:#374151;margin-bottom:12px;}
.uni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;}
.uni-item{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;padding:6px 2px;border-radius:12px;transition:.15s;}
.uni-item.selected{background:var(--green-light,#eafaf0);}
.uni-logo{width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border,#e6e8eb);overflow:hidden;}
.uni-logo img,.uni-logo svg{width:100%;height:100%;object-fit:contain;display:block;padding:5px;}
.uni-item span{font-size:12px;font-weight:600;color:#374151;}
.uni-confirm{margin-top:auto;display:flex;align-items:center;gap:12px;padding:14px 15px;border:1.6px solid var(--green-border,#22c55e);background:var(--green-light,#eafaf0);border-radius:16px;}
.uni-confirm .uni-logo{width:44px;height:44px;background:#fff;}
.uni-confirm .t{font-weight:700;font-size:14.5px;margin:0;}
.uni-confirm .d{font-size:11.5px;color:var(--muted,#6b7280);margin:2px 0 0;}

/* ---------- Screen 4 unit ---------- */
#s3{align-items:stretch;}
.uni-hero{display:flex;flex-direction:column;align-items:center;margin:8px 0 26px;}
.uni-hero .uni-logo{width:84px;height:84px;margin-bottom:12px;border-width:2px;}
.uni-hero .name{font-weight:700;font-size:15px;margin:0;text-align:center;}
.unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.unit-card{border:1.6px solid var(--border,#e6e8eb);border-radius:16px;padding:20px 14px;text-align:center;font-weight:700;font-size:15px;cursor:pointer;background:#fff;}
.unit-card.selected{border-color:var(--green-border,#22c55e);background:var(--green-light,#eafaf0);color:var(--green-dark,#136534);}

/* ---------- Screen 5 study goal ---------- */
.goal-card{display:flex;align-items:center;gap:13px;padding:16px;border:1.6px solid var(--border,#e6e8eb);border-radius:16px;margin-bottom:13px;cursor:pointer;background:#fff;}
.goal-card.selected{border-color:var(--green-border,#22c55e);background:var(--green-light,#eafaf0);}

/* ---------- Screen 6 gauge ---------- */
.gauge-wrap{display:flex;flex-direction:column;align-items:center;margin:10px 0 26px;}
.gauge-pct{font-size:32px;font-weight:800;margin-top:-46px;color:#111827;}
.gauge-label{font-size:13px;color:var(--muted,#6b7280);margin-top:2px;margin-bottom:6px;}
.chip-row{display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:flex;align-items:center;gap:6px;padding:9px 15px;border:1.6px solid var(--border,#e6e8eb);border-radius:12px;font-size:13.5px;font-weight:600;cursor:pointer;background:#fff;color:#374151;}
.chip.selected{border-color:var(--green-border,#22c55e);background:var(--green-light,#eafaf0);color:var(--green-dark,#136534);}
.chip svg{width:14px;height:14px;opacity:0;transition:.15s;}
.chip.selected svg{opacity:1;}

/* ---------- Screen 7 study habit ---------- */
.habit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px;}
.habit-card{position:relative;border:1.6px solid var(--border,#e6e8eb);border-radius:16px;padding:16px 14px;cursor:pointer;background:#fff;}
.habit-card.selected{border-color:var(--green-border,#22c55e);background:var(--green-light,#eafaf0);}
.habit-card .ic{margin-bottom:10px;color:#374151;}
.habit-card .t{font-weight:700;font-size:14px;margin:0 0 3px;}
.habit-card .d{font-size:11.5px;color:var(--muted,#6b7280);margin:0;}
.habit-card .chk{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--green,#1c7f45);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:.2s;}
.habit-card.selected .chk{opacity:1;transform:scale(1);}
.day-row{display:flex;gap:9px;}
.day-pill{flex:1;text-align:center;padding:12px 0;border:1.6px solid var(--border,#e6e8eb);border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;background:#fff;}
.day-pill.selected{border-color:var(--green-border,#22c55e);background:var(--green,#1c7f45);color:#fff;}

/* ---------- Screen 8 almost done ---------- */
#s7{align-items:center;text-align:center;justify-content:center;cursor:pointer;}
.clip-illus{position:relative;width:220px;height:220px;margin:0 auto 24px;}
.confetti{position:absolute;border-radius:3px;}
.dots-row{display:flex;gap:7px;margin-top:30px;}
.dot{width:7px;height:7px;border-radius:50%;background:#d1d5db;}
.dot.active{width:20px;background:var(--green,#1c7f45);border-radius:999px;}

/* ---------- Screen 9 building plan ---------- */
.plan-item{display:flex;align-items:center;gap:13px;padding:13px 0;}
.plan-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gray-bg,#f4f5f7);color:var(--muted,#6b7280);transition:.3s;}
.plan-icon.done{background:var(--green-light,#eafaf0);color:var(--green,#1c7f45);}
.plan-item .lbl{font-size:14px;font-weight:600;color:#374151;}
.plan-bar-wrap{margin-top:auto;padding-top:20px;}
.plan-bar-track{height:8px;background:var(--gray-bg,#f4f5f7);border-radius:999px;overflow:hidden;margin-bottom:8px;}
.plan-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green-dark,#136534),var(--green-border,#22c55e));border-radius:999px;transition:width .3s linear;}
.plan-pct-label{font-size:12.5px;color:var(--muted,#6b7280);text-align:right;}

/* ---------- Screen 10 dashboard ---------- */
#s9{padding-top:22px;}
.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.icon-btn{width:38px;height:38px;border-radius:50%;background:var(--gray-bg,#f4f5f7);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#374151;}
.greet{font-size:20px;font-weight:800;margin:0 0 4px;}
.greet-sub{font-size:13px;color:var(--muted,#6b7280);margin:0 0 20px;}
.goal-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#1c7f45,#0f5c31);border-radius:18px;padding:18px;color:#fff;margin-bottom:20px;}
.goal-hero-card .lbl{font-size:11.5px;opacity:.85;margin:0 0 6px;}
.goal-hero-card .name{font-size:16px;font-weight:800;margin:0 0 2px;}
.goal-hero-card .unit{font-size:12.5px;opacity:.9;margin:0;}
.section-title{font-size:14.5px;font-weight:700;margin:0 0 12px;color:#111827;}
.focus-card{border:1.6px solid var(--border,#e6e8eb);border-radius:16px;overflow:hidden;margin-bottom:20px;}
.focus-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border,#e6e8eb);}
.focus-row:last-child{border-bottom:none;}
.focus-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.focus-row .name{flex:1;font-size:13.5px;font-weight:700;}
.focus-row .count{font-size:12px;color:var(--muted,#6b7280);margin-right:4px;}
.week-row{display:flex;align-items:center;justify-content:space-between;border:1.6px solid var(--border,#e6e8eb);border-radius:16px;padding:14px 16px;margin-bottom:24px;}
.week-row .wt{font-size:13px;font-weight:700;margin:0 0 2px;}
.week-row .wd{font-size:16px;font-weight:800;color:var(--green-dark,#136534);margin:0;}
#s9 .btn-primary{margin-top:auto;}

@media (prefers-reduced-motion:reduce){
  .screen,.progress-fill,.check-badge,.plan-icon,.plan-bar-fill{animation:none!important;transition:none!important;}
}