/* NEET practice flow — gamified purple/gold theme */

.neet-practice-page{ max-width:720px; margin:0 auto; padding:4px 8px 20px; }

.neet-practice-back{
  display:inline-flex; align-items:center; gap:6px;
  text-decoration:none; font-size:.82rem; font-weight:700;
  color:var(--gold,#f5b400); opacity:.85; margin-bottom:8px;
}
.neet-practice-back:hover{ opacity:1; }

.neet-practice-hero{
  text-align:left; margin-bottom:12px; position:relative; padding:0 2px;
}
.neet-practice-hero::after{ display:none; }
.neet-practice-kicker{
  font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold,#f5b400); margin:0 0 4px;
}
.neet-practice-title{
  margin:0 0 4px; font-size:clamp(1.15rem,3vw,1.45rem); font-weight:900;
  color:#fff;
}
.neet-practice-sub{ margin:0; color:rgba(255,255,255,.55); font-size:.84rem; line-height:1.4; max-width:540px; }

/* Question Bot hub */
.neet-qbot-page{
  position:relative;
  z-index:1;
  width:min(1040px, calc(100vw - 28px));
  max-width:none;
  min-height:calc(100vh - 142px);
  padding:10px 8px 22px;
}
.neet-qbot-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin:0 0 16px;
  padding:18px 20px;
  border-radius:20px;
  border:1px solid rgba(245,180,0,.22);
  background:
    radial-gradient(620px 180px at 14% 0%, rgba(245,180,0,.18), transparent 58%),
    radial-gradient(520px 180px at 88% 20%, rgba(56,189,248,.13), transparent 58%),
    linear-gradient(135deg, rgba(107,44,174,.20), rgba(16,8,38,.86));
  box-shadow:0 22px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.neet-qbot-hero .neet-practice-title{
  font-size:clamp(1.75rem, 3vw, 2.35rem);
  letter-spacing:-.02em;
}
.neet-qbot-hero .neet-practice-sub{
  max-width:620px;
  color:rgba(255,255,255,.72);
}
.neet-qbot-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(84px, 1fr));
  gap:8px;
  min-width:310px;
}
.neet-qbot-stats span{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.68);
  font-size:.74rem;
  font-weight:850;
}
.neet-qbot-stats strong{
  color:#f5b400;
  font-size:1.08rem;
  line-height:1;
}
.neet-qbot-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:0;
}
@media(max-width:760px){
  .neet-qbot-grid{ grid-template-columns:1fr; }
}
.neet-qbot-card{
  position:relative; display:block; text-decoration:none; color:inherit;
  padding:20px 18px 18px; border-radius:20px; overflow:hidden; min-height:250px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(240px 120px at 18% 0%, rgba(245,180,0,.12), transparent 60%),
    linear-gradient(145deg,rgba(107,44,174,.22),rgba(16,8,38,.94));
  box-shadow:0 18px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .18s ease, border-color .18s, box-shadow .18s;
}
.neet-qbot-card::before{
  content:"";
  position:absolute;
  inset:-45% -30% auto auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:rgba(245,180,0,.08);
  filter:blur(4px);
}
.neet-qbot-card:hover{
  transform:translateY(-5px);
  border-color:rgba(245,180,0,.45);
  box-shadow:0 26px 62px rgba(107,44,174,.28), 0 0 0 1px rgba(245,180,0,.10) inset;
}
.neet-qbot-card-top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
}
.neet-qbot-icon{
  width:52px; height:52px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.28rem; margin-bottom:0;
  background:rgba(107,44,174,.25); border:1px solid rgba(107,44,174,.4);
  color:#c4b5fd; box-shadow:0 0 22px rgba(107,44,174,.22);
}
.neet-qbot-card.neet-qbot-mock .neet-qbot-icon{
  color:var(--gold,#f5b400); border-color:rgba(245,180,0,.4); background:rgba(245,180,0,.12);
}
.neet-qbot-pill{
  position:relative;
  padding:6px 9px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:950;
  color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.neet-qbot-card h3{ position:relative; margin:0 0 8px; font-size:1.22rem; font-weight:950; }
.neet-qbot-card p{ position:relative; margin:0; min-height:42px; font-size:.88rem; color:rgba(255,255,255,.68); line-height:1.4; }
.neet-qbot-card small{
  position:relative;
  display:block;
  margin-top:18px;
  max-width:82%;
  color:rgba(255,255,255,.54);
  font-size:.76rem;
  font-weight:850;
  line-height:1.35;
}
.neet-qbot-arrow{
  position:absolute;
  right:16px;
  bottom:14px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  font-size:1.05rem;
  color:#0b0612;
  background:#f5b400;
  box-shadow:0 12px 24px rgba(245,180,0,.24);
}
.neet-qbot-card:hover .neet-qbot-arrow{ color:var(--gold,#f5b400); }
.neet-qbot-card:hover .neet-qbot-arrow{ color:#0b0612; transform:translateX(2px); }
.wrong-answer-explanation{margin:12px 0;padding:13px 14px;border:1px solid rgba(245,180,0,.28);border-radius:13px;background:linear-gradient(145deg,rgba(245,180,0,.1),rgba(125,55,184,.1));color:rgba(255,255,255,.88)}
.wrong-answer-explanation strong{display:block;margin-bottom:6px;color:#ffd44d;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.wrong-answer-explanation p{margin:0!important;font-size:.9rem;line-height:1.6;white-space:pre-line}
.neet-qbot-card--topic .neet-qbot-icon{ color:#67e8f9; border-color:rgba(56,189,248,.38); background:rgba(56,189,248,.12); }
.neet-qbot-card--pyq .neet-qbot-icon{ color:#c4b5fd; }
.neet-qbot-card--mock .neet-qbot-icon{ color:#f5b400; }
.neet-qbot-card--locked{
  opacity:.9;
  cursor:default;
  background:linear-gradient(145deg,rgba(55,45,75,.18),rgba(16,8,38,.94));
}

@media(max-width:920px){
  .neet-qbot-page{ width:min(760px, calc(100vw - 22px)); }
  .neet-qbot-hero{ grid-template-columns:1fr; align-items:start; }
  .neet-qbot-stats{ min-width:0; }
  .neet-qbot-grid{ grid-template-columns:1fr; }
  .neet-qbot-card{ min-height:210px; }
}
@media(max-width:560px){
  .neet-qbot-page{ min-height:auto; padding-top:4px; }
  .neet-qbot-hero{ padding:16px 14px; border-radius:18px; }
  .neet-qbot-stats{ grid-template-columns:1fr; }
  .neet-qbot-card{ min-height:0; padding:18px 15px; }
}

/* Subject / mock grids */
.neet-picker-page{
  width:min(1040px, calc(100vw - 28px));
  max-width:none;
  min-height:calc(100vh - 142px);
  padding:10px 8px 22px;
}
.neet-picker-hero{
  margin:0 0 16px;
  padding:20px 22px;
  border-radius:20px;
  border:1px solid rgba(245,180,0,.22);
  background:
    radial-gradient(660px 190px at 14% 0%, rgba(245,180,0,.18), transparent 58%),
    radial-gradient(560px 190px at 88% 18%, rgba(56,189,248,.13), transparent 58%),
    linear-gradient(135deg, rgba(107,44,174,.20), rgba(16,8,38,.88));
  box-shadow:0 22px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.neet-picker-hero .neet-practice-title{
  font-size:clamp(1.75rem,3vw,2.35rem);
  font-weight:950;
  letter-spacing:-.02em;
}
.neet-picker-hero .neet-practice-sub{
  max-width:680px;
  color:rgba(255,255,255,.72);
  font-size:.92rem;
}
.neet-subject-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;
  max-width:640px; margin:0 auto;
}
.neet-subject-grid--arena{
  gap:16px;
  max-width:none;
}
@media(max-width:640px){
  .neet-subject-grid{ grid-template-columns:1fr; max-width:320px; }
}
.neet-subject-btn{
  position:relative;
  overflow:hidden;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  padding:16px 10px; border-radius:14px; text-decoration:none; color:#fff; font-weight:800;
  font-size:.88rem;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(160deg,rgba(107,44,174,.2),rgba(16,8,38,.85));
  transition:transform .18s, border-color .18s, box-shadow .18s;
}
.neet-subject-grid--arena .neet-subject-btn{
  align-items:flex-start;
  justify-content:space-between;
  min-height:250px;
  padding:22px 20px 18px;
  border-radius:20px;
  background:
    radial-gradient(240px 120px at 18% 0%, rgba(245,180,0,.12), transparent 60%),
    linear-gradient(160deg,rgba(107,44,174,.25),rgba(16,8,38,.95));
  box-shadow:0 18px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}
.neet-subject-grid--arena .neet-subject-btn::before{
  content:"";
  position:absolute;
  inset:-50% -34% auto auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(245,180,0,.08);
  filter:blur(4px);
}
.neet-subject-btn i{ font-size:1.35rem; color:var(--gold,#f5b400); }
.neet-subject-grid--arena .neet-subject-btn i{
  position:relative;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:16px;
  font-size:1.45rem;
  background:rgba(245,180,0,.12);
  border:1px solid rgba(245,180,0,.28);
}
.neet-subject-grid--arena .neet-subject-btn span{
  position:relative;
  font-size:1.3rem;
  font-weight:950;
  margin-top:8px;
}
.neet-subject-grid--arena .neet-subject-btn small{
  position:relative;
  display:block;
  max-width:92%;
  min-height:42px;
  font-size:.86rem;
  font-weight:800;
  line-height:1.4;
  color:rgba(255,255,255,.62);
}
.neet-subject-grid--arena .neet-subject-btn em{
  position:relative;
  margin-top:auto;
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:12px;
  font-size:.72rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#0b0612;
  background:#f5b400;
  box-shadow:0 12px 24px rgba(245,180,0,.24);
}
.neet-subject-btn:hover{
  transform:translateY(-5px);
  border-color:rgba(245,180,0,.4);
  box-shadow:0 26px 62px rgba(107,44,174,.28), 0 0 0 1px rgba(245,180,0,.10) inset;
}
.neet-subject-btn.bio i{ color:#4ade80; }
.neet-subject-btn.phy i{ color:#60a5fa; }
.neet-subject-btn.chem i{ color:#f472b6; }
.neet-subject-grid--arena .neet-subject-btn.bio i{ border-color:rgba(74,222,128,.32); background:rgba(74,222,128,.12); }
.neet-subject-grid--arena .neet-subject-btn.phy i{ border-color:rgba(96,165,250,.32); background:rgba(96,165,250,.12); }
.neet-subject-grid--arena .neet-subject-btn.chem i{ border-color:rgba(244,114,182,.32); background:rgba(244,114,182,.12); }

.neet-practice-footnote{
  margin-top:10px; font-size:.78rem; color:rgba(255,255,255,.48); text-align:left;
  max-width:640px; margin-left:auto; margin-right:auto;
}
.neet-practice-footnote--arena{
  max-width:none;
  margin-top:16px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

@media(max-width:920px){
  .neet-picker-page{ width:min(760px, calc(100vw - 22px)); min-height:auto; }
  .neet-subject-grid--arena{ grid-template-columns:1fr; }
  .neet-subject-grid--arena .neet-subject-btn{ min-height:210px; }
}
@media(max-width:560px){
  .neet-picker-hero{ padding:16px 14px; border-radius:18px; }
  .neet-subject-grid--arena .neet-subject-btn{ min-height:0; padding:18px 15px; }
}

.neet-mock-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.neet-mock-grid--arena{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  max-width:none;
  gap:16px;
}
.neet-mock-card{
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:22px; border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(240px 120px at 16% 0%, rgba(245,180,0,.15), transparent 60%),
    linear-gradient(145deg,rgba(107,44,174,.22),rgba(16,8,38,.94));
  box-shadow:0 18px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}
.neet-mock-card::before{
  content:"";
  position:absolute;
  right:-48px;
  top:-52px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(245,180,0,.08);
}
.neet-mock-icon{
  position:relative;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:var(--gold,#f5b400);
  background:rgba(245,180,0,.12);
  border:1px solid rgba(245,180,0,.32);
  margin-bottom:18px;
  font-size:1.35rem;
}
.neet-mock-card h3{ position:relative; margin:0 0 8px; font-weight:950; font-size:1.35rem; }
.neet-mock-card p{ position:relative; margin:0 0 12px; font-size:.95rem; color:rgba(255,255,255,.68); line-height:1.45; max-width:680px; }
.neet-mock-card small{
  position:relative;
  display:block;
  margin:0 0 18px;
  color:rgba(255,255,255,.54);
  font-size:.82rem;
  font-weight:850;
}
.neet-mock-card .btn{ position:relative; width:auto; min-width:210px; }

/* Instructions */
.neet-instr-card{
  max-width:640px; margin:0 auto; padding:28px 24px; border-radius:18px;
  border:1px solid rgba(245,180,0,.25);
  background:linear-gradient(165deg,rgba(107,44,174,.12),rgba(16,8,38,.95));
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}
.neet-instr-card--arena,
.neet-filter-panel{
  max-width:720px;
  padding:20px;
  border-radius:20px;
  background:
    radial-gradient(520px 160px at 12% 0%, rgba(245,180,0,.12), transparent 62%),
    linear-gradient(165deg,rgba(107,44,174,.18),rgba(16,8,38,.95));
}
.neet-instr-card--arena .neet-instr-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  max-width:560px;
  margin:0 auto 20px;
}
.neet-instr-card--arena .neet-instr-list li{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
.neet-instr-card h1{ margin:0 0 6px; font-size:1.35rem; font-weight:900; color:var(--gold,#f5b400); text-align:center; }
.neet-instr-topic{ margin:0 0 16px; text-align:center; font-size:1.05rem; font-weight:800; }
.neet-instr-lead{ text-align:center; color:rgba(255,255,255,.6); line-height:1.55; margin:0 0 20px; font-size:.92rem; }
.neet-instr-list{
  list-style:none; margin:0 0 24px; padding:0;
}
.neet-instr-list li{
  padding:10px 12px 10px 28px; position:relative;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:.9rem; line-height:1.45; color:rgba(255,255,255,.8);
}
.neet-instr-list li::before{
  content:"▸"; position:absolute; left:8px; color:var(--gold,#f5b400); font-weight:900;
}
.neet-instr-cta{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }

/* Topic filter form */
.neet-filter-form label{
  display:block; font-weight:700; font-size:.85rem; margin:14px 0 6px; color:rgba(255,255,255,.75);
}
.neet-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.neet-filter-grid label{
  margin:0;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.neet-filter-grid label span{
  display:block;
  margin-bottom:8px;
  color:var(--gold,#f5b400);
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.neet-filter-form .auth-input{
  width:100%; border-radius:10px; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06); color:#fff; padding:10px 12px;
}
.neet-filter-actions{
  justify-content:flex-start;
  margin-top:18px;
}

@media(max-width:760px){
  .neet-filter-grid,
  .neet-instr-card--arena .neet-instr-list{ grid-template-columns:1fr; }
  .neet-mock-card{ min-height:0; }
  .neet-mock-card .btn{ width:100%; min-width:0; }
}

/* XP banner on feedback */
.neet-xp-banner{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:14px 18px; border-radius:14px; margin-bottom:20px;
  border:1px solid rgba(245,180,0,.35);
  background:linear-gradient(90deg,rgba(107,44,174,.2),rgba(245,180,0,.1));
}
.neet-xp-banner i{ font-size:1.4rem; color:var(--gold,#f5b400); }
.neet-xp-banner strong{ color:var(--gold,#f5b400); }
.neet-xp-banner.neet-xp-down{ border-color:rgba(248,113,113,.35); background:linear-gradient(90deg,rgba(127,29,29,.2),rgba(16,8,38,.9)); }
.neet-xp-banner.neet-xp-down strong{ color:#f87171; }

/* Feedback overrides inside NEET shell */
.neet-practice-page .feedback-wrap,
.neet-practice-page.feedback-wrap{
  max-width:none; padding:0; margin:0;
}
.neet-practice-page .neet-fb-hero{
  border-radius:16px; padding:20px; margin-bottom:20px;
  border:1px solid rgba(245,180,0,.2);
  background:linear-gradient(145deg,rgba(107,44,174,.15),rgba(16,8,38,.6));
}
.neet-practice-page .neet-fb-kicker{
  font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold,#f5b400); margin:0 0 6px;
}
.neet-practice-page .neet-fb-title{ margin:0; font-size:1.35rem; font-weight:900; }
.neet-practice-page .neet-fb-chip{
  display:inline-block; padding:4px 10px; border-radius:999px; font-size:.75rem; font-weight:700;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); margin:4px 4px 0 0;
}
.neet-practice-page .feedback-left,
.neet-practice-page .feedback-right{
  border-radius:22px; border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(155deg,rgba(33,14,58,.82),rgba(11,5,27,.9)); padding:22px;
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}
.neet-practice-page .feedback-left h2,
.neet-practice-page .feedback-right h2{
  font-size:1rem; font-weight:900; color:var(--gold,#f5b400); margin:0 0 12px;
}
.neet-practice-page .neet-fb-actions{
  display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; align-items:center;
}
.neet-practice-page .neet-topicwise-result-actions .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
}
.neet-practice-page .neet-fb-back{
  color:var(--gold,#f5b400); font-weight:700; text-decoration:none;
}

/* Performance-command-centre treatment shared by PYQ, topic-wise and mock feedback. */
.neet-practice-page .feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:20px;align-items:start}
.neet-practice-page .feedback-right{position:sticky;top:88px;border-color:rgba(125,55,184,.45);background:radial-gradient(circle at 50% 0,rgba(125,55,184,.2),transparent 40%),linear-gradient(160deg,rgba(25,10,48,.96),rgba(10,4,25,.98))}
.neet-practice-page .feedback-left>h2:first-of-type{display:flex;align-items:center;gap:9px;font-size:1.12rem}.neet-practice-page .feedback-left>h2:first-of-type:before{content:"";width:7px;height:24px;border-radius:8px;background:linear-gradient(#f5b400,#a94cf2)}
.neet-practice-page .human-feedback,.neet-practice-page .feedback-left>div[style*="border-radius:14px"]{border:1px solid rgba(125,55,184,.28);background:linear-gradient(135deg,rgba(125,55,184,.14),rgba(255,255,255,.035))!important;padding:18px!important;border-radius:18px!important}
.neet-practice-page .breakdown-table{width:100%;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.025)}.neet-practice-page .breakdown-table th{background:rgba(125,55,184,.2);color:#f6d75c}.neet-practice-page .breakdown-table th,.neet-practice-page .breakdown-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.neet-practice-page .accordion{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.neet-practice-page .accordion-toggle{width:100%;padding:15px 17px;text-align:left;border:0;background:rgba(255,255,255,.05);color:#fff;font-weight:850;cursor:pointer}.neet-practice-page .accordion-content{padding:0 16px}
@media(max-width:900px){.neet-practice-page .feedback-layout{grid-template-columns:1fr}.neet-practice-page .feedback-right{position:static;max-width:none!important;margin:0!important}.neet-practice-page .feedback-actions{grid-column:1}}

/* Test screen */
.neet-practice-page .test-wrap{ max-width:900px; margin:0 auto; padding:0; }
.neet-practice-page .test-header{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  padding:14px 18px; border-radius:14px; margin-bottom:16px;
  border:1px solid rgba(245,180,0,.25); background:rgba(107,44,174,.12);
}
.neet-practice-page .test-header h2{ margin:0; font-size:1.1rem; font-weight:900; }
.neet-practice-page .timer{ font-weight:800; color:var(--gold,#f5b400); }
.neet-practice-page .test-card{
  border-radius:16px; border:1px solid rgba(255,255,255,.1);
  background:rgba(16,8,38,.6); padding:20px;
}
