/* =====================================================================
   MPSC Group C — Ultra Pro Study Planner
   Theme: Dark Navy + White + Red accent + Gold highlight
   ===================================================================== */

:root{
  --navy:#0b1c33;
  --navy-light:#132a4a;
  --navy-lighter:#1c3a63;
  --red:#c0392b;
  --red-dark:#96281c;
  --gold:#d4af37;
  --gold-light:#f0d264;
  --white:#ffffff;
  --gray-100:#f5f6f8;
  --gray-300:#dfe3e8;
  --gray-600:#5c6773;
  --success:#1e8e5a;
  --radius:14px;
  font-family:'Noto Sans Devanagari','Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
body{
  background:var(--gray-100);
  color:var(--navy);
  font-family:'Noto Sans Devanagari','Segoe UI',Roboto,sans-serif;
  padding-bottom:70px;
}

/* ---------- Navbar ---------- */
.navbar-mpsc{
  background:var(--navy);
  box-shadow:0 2px 10px rgba(0,0,0,.15);
}
.navbar-mpsc .navbar-brand{
  color:var(--gold-light)!important;
  font-weight:700;
  letter-spacing:.3px;
}
.navbar-mpsc .nav-link{
  color:var(--white)!important;
  opacity:.85;
}
.navbar-mpsc .nav-link.active,
.navbar-mpsc .nav-link:hover{
  opacity:1;
  color:var(--gold-light)!important;
}

/* ---------- Cards ---------- */
.card-mpsc{
  background:var(--white);
  border:none;
  border-radius:var(--radius);
  box-shadow:0 2px 12px rgba(11,28,51,.08);
  padding:1.1rem 1.25rem;
}
.card-mpsc .stat-label{
  font-size:.8rem;
  color:var(--gray-600);
  margin-bottom:.15rem;
}
.card-mpsc .stat-value{
  font-size:1.6rem;
  font-weight:700;
  color:var(--navy);
}
.card-mpsc.accent-gold{border-left:4px solid var(--gold)}
.card-mpsc.accent-red{border-left:4px solid var(--red)}
.card-mpsc.accent-navy{border-left:4px solid var(--navy-lighter)}

/* ---------- Progress bars ---------- */
.progress{height:.65rem;border-radius:50px;background:var(--gray-300)}
.progress-bar{background:var(--red)}
.progress-bar.bg-gold{background:var(--gold)!important}
.progress-bar.bg-navy{background:var(--navy-lighter)!important}
.progress-bar.bg-success{background:var(--success)!important}

/* ---------- Buttons ---------- */
.btn-mpsc{
  background:var(--red);
  color:#fff;
  border:none;
  border-radius:10px;
  font-weight:600;
  padding:.55rem 1.2rem;
}
.btn-mpsc:hover{background:var(--red-dark);color:#fff}
.btn-gold{
  background:var(--gold);
  color:var(--navy);
  border:none;
  border-radius:10px;
  font-weight:700;
}
.btn-gold:hover{background:var(--gold-light);color:var(--navy)}
.btn-outline-navy{
  border:1.5px solid var(--navy-lighter);
  color:var(--navy);
  border-radius:10px;
  font-weight:600;
  background:transparent;
}
.btn-outline-navy:hover{background:var(--navy-lighter);color:#fff}

/* ---------- Countdown ---------- */
.countdown-box{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);
  color:#fff;
  border-radius:var(--radius);
  padding:1.25rem;
  text-align:center;
}
.countdown-box .cd-num{
  font-size:2.1rem;
  font-weight:800;
  color:var(--gold-light);
}
.countdown-box .cd-label{font-size:.75rem;opacity:.8}

/* ---------- Motivation banner ---------- */
.motivation-banner{
  background:linear-gradient(90deg,#fff8e6,#fff);
  border:1px solid var(--gold);
  border-radius:var(--radius);
  padding:.9rem 1.1rem;
  font-weight:600;
}

/* ---------- Mobile bottom nav ---------- */
.bottom-nav{
  position:fixed;bottom:0;left:0;right:0;
  background:var(--navy);
  display:flex;
  justify-content:space-around;
  padding:.4rem 0;
  z-index:1000;
  box-shadow:0 -2px 10px rgba(0,0,0,.2);
}
.bottom-nav a{
  color:#cbd5e1;
  text-decoration:none;
  text-align:center;
  font-size:.68rem;
  flex:1;
}
.bottom-nav a.active{color:var(--gold-light)}
.bottom-nav i{display:block;font-size:1.15rem;margin-bottom:2px}

@media (min-width:992px){
  .bottom-nav{display:none}
  body{padding-bottom:0}
}

/* ---------- MCQ ---------- */
.option-btn{
  display:block;width:100%;text-align:left;
  border:1.5px solid var(--gray-300);
  border-radius:10px;
  padding:.7rem 1rem;
  margin-bottom:.6rem;
  background:#fff;
  transition:.15s;
  cursor:pointer;
}
.option-btn:hover{border-color:var(--navy-lighter)}
.option-btn.selected{border-color:var(--navy);background:#eef3fa}
.option-btn.correct{border-color:var(--success);background:#e7f7ef}
.option-btn.wrong{border-color:var(--red);background:#fbeceb}

.badge-difficulty{border-radius:50px;font-size:.7rem;padding:.3rem .65rem}
.badge-easy{background:#e7f7ef;color:var(--success)}
.badge-medium{background:#fff6e0;color:#a5750f}
.badge-hard{background:#fbeceb;color:var(--red)}
.badge-ultra{background:#efe4fb;color:#6a2fb5}

/* ---------- Timer ---------- */
.timer-pill{
  background:var(--navy);
  color:var(--gold-light);
  border-radius:50px;
  padding:.4rem 1rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* ---------- Focus mode ---------- */
.focus-screen{
  min-height:100vh;
  background:var(--navy);
  color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
}
.focus-timer{font-size:4rem;font-weight:800;color:var(--gold-light);font-variant-numeric:tabular-nums}

/* ---------- Tables ---------- */
.table-mpsc thead{background:var(--navy);color:#fff}
.table-mpsc td,.table-mpsc th{vertical-align:middle}

/* ---------- Auth pages ---------- */
.auth-wrap{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 60%,var(--red-dark) 130%);
  padding:1.5rem;
}
.auth-card{
  background:#fff;border-radius:var(--radius);
  padding:2rem;max-width:440px;width:100%;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
}
.auth-card h3{color:var(--navy);font-weight:800}
.auth-card .brand-gold{color:var(--gold)}