/* ============================================================
   APNA MCQs — Global Base Reset
   Primary : #0D2818  (deep forest green)
   Surface : #ffffff  (white)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --green-900: #0D2818;
  --green-800: #164226;
  --green-700: #1B4332;
  --green-600: #2D6A4F;
  --green-400: #52B788;
  --green-200: #B7E4C7;
  --green-100: #D8F3DC;
  --green-50:  #F0FAF3;
  --white:     #ffffff;
  --off-white: #F7FAF8;
  --text-dark: #0a1f10;
  --text-mid:  #4a5568;
  --text-light:#718096;
  --border:    #e8ede9;
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full:100px;
  --shadow-sm: 0 1px 4px rgba(13,40,24,0.06);
  --shadow:    0 4px 20px rgba(13,40,24,0.1);
  --shadow-lg: 0 12px 48px rgba(13,40,24,0.15);
  --shadow-xl: 0 24px 80px rgba(13,40,24,0.2);
  --transition:all 0.28s cubic-bezier(0.4,0,0.2,1);
  --transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:#ffffff;
  color:var(--text-dark);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  line-height:1.65;
}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;line-height:1.2;color:var(--text-dark)}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-700);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--green-900)}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f0f4f1}
::-webkit-scrollbar-thumb{background:var(--green-700);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--green-900)}
::selection{background:var(--green-700);color:#fff}
