/*
 * Navodaya Premium 8.91.7 — Unified Auto-Generated Page Design B
 * Scoped to body.npp-auto-design-b. Presentation only.
 */
body.npp-auto-design-b{background:#f8f9fd}
body.npp-auto-design-b .nppx2,
body.npp-auto-design-b .nppx82,
body.npp-auto-design-b .nppx{max-width:1360px;margin:0 auto;padding:22px 28px 72px;color:#101a33}
body.npp-auto-design-b .nppx2 * ,
body.npp-auto-design-b .nppx82 * ,
body.npp-auto-design-b .nppx *{box-sizing:border-box}

/* Unified light/premium hero inspired by the approved My Mock Tests Design B. */
body.npp-auto-design-b .nppx2-hero,
body.npp-auto-design-b .nppx82-hero,
body.npp-auto-design-b .nppx-hero{
  position:relative;overflow:hidden;border:1px solid #eee9fb!important;border-radius:28px!important;
  padding:38px 44px!important;background:linear-gradient(115deg,#fbf9ff 0%,#fff 56%,#f7f0ff 100%)!important;
  color:#101a33!important;box-shadow:0 18px 48px rgba(48,30,105,.08)!important;
}
body.npp-auto-design-b .nppx2-hero:before,
body.npp-auto-design-b .nppx82-hero:before,
body.npp-auto-design-b .nppx-hero:before{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-125px;top:-170px;
  background:radial-gradient(circle at 35% 40%,rgba(124,92,246,.22),rgba(124,92,246,.04) 58%,transparent 70%);
  pointer-events:none
}
body.npp-auto-design-b .nppx2-hero:after,
body.npp-auto-design-b .nppx82-hero:after,
body.npp-auto-design-b .nppx-hero:after{
  content:"";position:absolute;right:44px;bottom:20px;width:210px;height:105px;border-radius:28px;
  border:2px solid rgba(109,61,245,.12);background:linear-gradient(135deg,rgba(109,61,245,.06),rgba(217,70,165,.08));
  transform:rotate(-3deg);pointer-events:none
}
body.npp-auto-design-b .nppx2-hero>* ,
body.npp-auto-design-b .nppx82-hero>* ,
body.npp-auto-design-b .nppx-hero>*{position:relative;z-index:2}
body.npp-auto-design-b .nppx2-kicker,
body.npp-auto-design-b .nppx82-kicker,
body.npp-auto-design-b .nppx-kicker{
  display:inline-flex!important;align-items:center;gap:7px;padding:8px 12px!important;border-radius:999px!important;
  background:#eee7ff!important;border:1px solid #e1d7ff!important;color:#5d2be8!important;
  font-size:11px!important;font-weight:950!important;letter-spacing:.06em!important
}
body.npp-auto-design-b .nppx2-hero h1,
body.npp-auto-design-b .nppx82-hero h1,
body.npp-auto-design-b .nppx-hero h1{
  color:#101a33!important;font-size:clamp(34px,4.6vw,58px)!important;line-height:1.03!important;
  letter-spacing:-.045em!important;margin:15px 0 10px!important;max-width:900px!important
}
body.npp-auto-design-b .nppx2-hero p,
body.npp-auto-design-b .nppx82-hero p,
body.npp-auto-design-b .nppx-hero p{color:#24314b!important;max-width:760px!important;font-size:16px!important;line-height:1.65!important}

/* Make legacy architecture pages visually match the same Design B system. */
body.npp-auto-design-b .nppx82-engine,
body.npp-auto-design-b .nppx2-engine,
body.npp-auto-design-b .nppx2-card,
body.npp-auto-design-b .nppx-card{
  background:#fff!important;border:1px solid #e7e8f0!important;border-radius:22px!important;
  box-shadow:0 10px 32px rgba(15,23,42,.055)!important
}
body.npp-auto-design-b .nppx82-engine{padding:24px!important}
body.npp-auto-design-b .nppx2-engine{padding:24px!important}
body.npp-auto-design-b .nppx2-btn,
body.npp-auto-design-b .nppx82-btn,
body.npp-auto-design-b .nppx-btn{border-radius:13px!important;font-weight:900!important;transition:transform .15s ease,box-shadow .15s ease!important}
body.npp-auto-design-b .nppx2-primary,
body.npp-auto-design-b .nppx2-brand,
body.npp-auto-design-b .nppx82-btn:first-child,
body.npp-auto-design-b .nppx-btn-primary{background:linear-gradient(135deg,#6040f4,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 22px rgba(96,64,244,.20)!important}
body.npp-auto-design-b .nppx2-soft,
body.npp-auto-design-b .nppx82-btn:not(:first-child),
body.npp-auto-design-b .nppx-btn-soft{background:#fff!important;border-color:#d8d5e7!important;color:#4f46e5!important}
body.npp-auto-design-b .nppx2-btn:hover,
body.npp-auto-design-b .nppx82-btn:hover,
body.npp-auto-design-b .nppx-btn:hover{transform:translateY(-1px)!important}

/* Premium navigation cards used by all generated student routes. */
body.npp-auto-design-b .nppx2-actiongrid{gap:14px!important}
body.npp-auto-design-b .nppx2-actioncard,
body.npp-auto-design-b .nppx82-preview-card{
  background:#fff!important;border:1px solid #e7e8f0!important;border-radius:20px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;color:#101a33!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important
}
body.npp-auto-design-b .nppx2-actioncard:hover,
body.npp-auto-design-b .nppx82-preview-card:hover{border-color:#cfc4ff!important;box-shadow:0 14px 30px rgba(79,70,229,.10)!important;transform:translateY(-2px)!important}
body.npp-auto-design-b .nppx2-actionicon,
body.npp-auto-design-b .nppx82-preview-icon{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#f1edff;font-size:23px!important}
body.npp-auto-design-b .nppx2-actioncard strong{font-size:16px!important;margin-top:12px!important}
body.npp-auto-design-b .nppx2-actioncard span{line-height:1.5!important}

/* Page-specific visual accents. */
body.npp-auto-page-my-mock-tests .nppx2-hero:after{content:"✓  ⏱  ✓  ⏱";display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:900;color:#6d3df5;letter-spacing:10px}
body.npp-auto-page-learning-hub .nppx2-hero:after{content:"📚  ✓  →";display:flex;align-items:center;justify-content:center;font-size:30px}
body.npp-auto-page-student-arena .nppx2-hero:after{content:"🏆  ✦  ⚡";display:flex;align-items:center;justify-content:center;font-size:30px}
body.npp-auto-page-student-battle .nppx2-hero:after{content:"⚔  VS  ⚔";display:flex;align-items:center;justify-content:center;font-size:25px}
body.npp-auto-page-student-contests .nppx2-hero:after{content:"★  ?  ★";display:flex;align-items:center;justify-content:center;font-size:28px}
body.npp-auto-page-my-progress .nppx2-hero:after{content:"↗  78%  ↗";display:flex;align-items:center;justify-content:center;font-size:22px}

/* Keep the already-approved My Mock Tests archive table dominant. */
body.npp-auto-design-b .npp901-catalog{max-width:1360px!important}
body.npp-auto-design-b .npp901-catalog .npp901-hero{box-shadow:0 18px 48px rgba(48,30,105,.08)!important}

/* Canonical Student Home uses npp86 rather than nppx2. Bring its shell into the same system. */
body.npp-auto-design-b .npp86{max-width:1360px!important;margin:0 auto!important;padding:22px 28px 72px!important;color:#101a33!important}
body.npp-auto-design-b .npp86-hero{border:1px solid #eee9fb!important;border-radius:28px!important;background:linear-gradient(115deg,#fbf9ff 0%,#fff 56%,#f7f0ff 100%)!important;box-shadow:0 18px 48px rgba(48,30,105,.08)!important;color:#101a33!important}
body.npp-auto-design-b .npp86-hero h1{color:#101a33!important}
body.npp-auto-design-b .npp86-hero h1 span{background:linear-gradient(90deg,#6040f4,#d33fa5)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.npp-auto-design-b .npp86-kicker{background:#eee7ff!important;color:#5d2be8!important;border-color:#e1d7ff!important}
body.npp-auto-design-b .npp86-metrics{border:1px solid #eeeaf7!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(42,31,91,.07)!important}
body.npp-auto-design-b .npp86-panel,
body.npp-auto-design-b .npp86-continue-card{border:1px solid #e7e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important}
body.npp-auto-design-b .npp86-btn.primary,
body.npp-auto-design-b .npp86-btn.brand{background:linear-gradient(135deg,#6040f4,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 22px rgba(96,64,244,.20)!important}

@media(max-width:980px){
  body.npp-auto-design-b .nppx2,
  body.npp-auto-design-b .nppx82,
  body.npp-auto-design-b .nppx,
  body.npp-auto-design-b .npp86{padding-left:16px!important;padding-right:16px!important}
  body.npp-auto-design-b .nppx2-hero,
  body.npp-auto-design-b .nppx82-hero,
  body.npp-auto-design-b .nppx-hero{padding:30px 24px!important}
  body.npp-auto-design-b .nppx2-hero:after,
  body.npp-auto-design-b .nppx82-hero:after,
  body.npp-auto-design-b .nppx-hero:after{right:20px;width:150px}
}
@media(max-width:620px){
  body.npp-auto-design-b .nppx2-hero,
  body.npp-auto-design-b .nppx82-hero,
  body.npp-auto-design-b .nppx-hero{padding:26px 19px!important;border-radius:22px!important}
  body.npp-auto-design-b .nppx2-hero h1,
  body.npp-auto-design-b .nppx82-hero h1,
  body.npp-auto-design-b .nppx-hero h1{font-size:36px!important}
  body.npp-auto-design-b .nppx2-hero:after,
  body.npp-auto-design-b .nppx82-hero:after,
  body.npp-auto-design-b .nppx-hero:after{display:none}
  body.npp-auto-design-b .nppx2-actions,
  body.npp-auto-design-b .nppx82-actions,
  body.npp-auto-design-b .nppx-actions{display:grid!important;grid-template-columns:1fr!important}
  body.npp-auto-design-b .nppx2-btn,
  body.npp-auto-design-b .nppx82-btn,
  body.npp-auto-design-b .nppx-btn{width:100%!important;justify-content:center!important}
  body.npp-auto-design-b .npp86{padding:10px 10px 50px!important}
}