
/* DSE v264 — actual live homepage entrypoint overrides */
html body .ds-nav-links a[href="#blogs"],html body .ds-mobile-nav-panel a[href="#blogs"],html body .ds-nav-links a[href="#gallery"],html body .ds-mobile-nav-panel a[href="#gallery"],html body .ds-nav-links a[href="#mock-tests"],html body .ds-mobile-nav-panel a[href="#mock-tests"]{display:none!important}
html body .ds-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important}
html body .ds-nav-actions .ds-inquire,html body .ds-nav-actions .ds-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:12px 18px!important;border-radius:13px!important;font-size:14px!important;font-weight:850!important;line-height:1.2!important;white-space:nowrap!important}
html body .ds-nav-actions .ds-inquire{background:#fff!important;color:#10243d!important;border:1px solid #e4bd43!important}
html body .ds-nav-actions .ds-login{background:linear-gradient(135deg,#ffdc70,#e7b72e)!important;color:#10243d!important;border:1px solid #e5b72a!important}
html body .ds-nav-actions .ds-enroll{display:none!important}
/* Director portrait in the hero: naturally proportioned, contained in a premium frame. */
html body .ds-home-hero-visual-v233{min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:14px!important}
html body .ds-home-hero-image-frame-v233{position:relative!important;width:clamp(230px,27vw,355px)!important;max-width:100%!important;height:auto!important;aspect-ratio:4/5!important;min-height:0!important;max-height:440px!important;overflow:hidden!important;border-radius:26px!important;padding:8px!important;background:linear-gradient(145deg,#fff0b9 0%,#ffffff 48%,#dbeeff 100%)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 22px 48px rgba(7,31,55,.2),inset 0 0 0 1px rgba(12,55,90,.08)!important}
html body .ds-home-hero-image-frame-v233>img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important;border-radius:19px!important;background:#f7faff!important}
html body .ds-home-hero-image-accent-v233{pointer-events:none!important}
html body .ds-home-hero-founder-card-v233{max-width:min(100%,355px)!important;width:fit-content!important}
/* Empowering Minds quote panel: photo-sized portrait and readable content. */
html body .ds-quote{overflow:hidden!important;border-radius:24px!important}
html body .ds-quote .ds-quote-inner{display:grid!important;grid-template-columns:minmax(130px,190px) minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;padding:26px!important;background:#071b31!important;border-radius:24px!important}
html body .ds-quote .ds-quote-inner>img{display:block!important;width:100%!important;max-width:190px!important;height:220px!important;object-fit:cover!important;object-position:center top!important;border-radius:16px!important;border:2px solid rgba(244,198,68,.78)!important;box-shadow:0 12px 26px rgba(0,0,0,.28)!important;background:#153a5d!important}
html body .ds-quote .ds-quote-inner blockquote{color:#fff!important;font-size:clamp(18px,2vw,25px)!important;line-height:1.5!important;font-weight:750!important}
html body .ds-quote .ds-quote-meta{color:#dce8f5!important}
/* Course cards: full details, one card per row on small screens. */
html body .ds-courses{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:20px!important}
html body .ds-courses>.ds-course,html body .ds-courses>.ds-course-card-v243{width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important}
html body .ds-course-img-v243{flex:0 0 auto!important;min-height:180px!important}
html body .ds-course-body-v243{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:12px!important}
html body .ds-course-name-v243{font-size:clamp(18px,1.4vw,22px)!important;line-height:1.4!important;overflow-wrap:anywhere!important}
html body .ds-course-info-row{display:flex!important;flex-wrap:wrap!important;gap:12px 18px!important;line-height:1.5!important}
html body .ds-course-actions-v243{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:auto!important}
html body .ds-course-actions-v243 .ds-course-btn{min-width:0!important;min-height:48px!important;white-space:normal!important}
/* Unified resources: shortcut tiles are BUTTONS in the real renderer (not anchors). */
html body .ds-unified-free-learning{scroll-margin-top:90px!important}
html body .ds-unified-free-learning .ds-section-head h2{color:#102c49!important;font-size:clamp(26px,3vw,36px)!important;font-weight:900!important}
html body .ds-unified-free-learning .ds-section-head h2 span,html body .ds-unified-free-learning .ds-section-head h3 span{color:#bd8a06!important}
html body .ds-unified-free-learning .ds-section-head p{color:#58718b!important;line-height:1.65!important}
html body .ds-unified-free-learning .ds-resource-kicker{display:block!important;color:#b18000!important;font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important;margin-bottom:8px!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:20px 0 26px!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button{appearance:none!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:12px!important;row-gap:3px!important;width:100%!important;min-width:0!important;min-height:94px!important;padding:16px!important;border:1px solid #dbe6f2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,45,78,.07)!important;text-align:left!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button:hover{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(15,45,78,.13)!important;border-color:#b8cde5!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button>span{grid-row:1/3!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:14px!important;background:#eaf3ff!important;font-size:23px!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button>b{display:block!important;color:#153957!important;font-size:15px!important;line-height:1.35!important;font-weight:900!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button>small{display:block!important;color:#687f97!important;font-size:11px!important;line-height:1.45!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button.ds-resource-show-all{background:linear-gradient(135deg,#0a3154,#0c5d8a)!important;border-color:#0b4772!important}
html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button.ds-resource-show-all>b,html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button.ds-resource-show-all>small{color:#fff!important}
html body .ds-unified-resource-panel{margin-top:22px!important;padding:20px!important;border:1px solid #dce7f2!important;border-radius:18px!important;background:#f8fbff!important;scroll-margin-top:90px!important}
html body .ds-unified-resource-panel .ds-section-head{margin-bottom:16px!important}
html body .ds-unified-resource-panel .ds-section-head h3{font-size:23px!important;color:#143958!important;font-weight:900!important}
html body .ds-free-mock-grid-inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body .ds-free-mock-card,html body .ds-mock-series-card{min-width:0!important;display:flex!important;flex-direction:column!important;height:100%!important;padding:18px!important;border:1px solid #dce7f2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,45,78,.06)!important}
html body .ds-free-mock-card h4,html body .ds-mock-series-card h4{color:#102c49!important;font-size:17px!important;line-height:1.4!important;font-weight:900!important}
html body .ds-free-mock-card p,html body .ds-mock-series-card p{color:#5e748b!important;line-height:1.55!important}
html body .ds-free-mock-card .full-btn{margin-top:auto!important;min-height:44px!important}
/* Shinu is only injected into authenticated role portals; never overlaps public enquiry CTA. */
html body .ds-auth-shinu-v264{position:fixed!important;right:18px!important;bottom:18px!important;z-index:9000!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 16px 9px 9px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;background:linear-gradient(135deg,#082c4c,#12618a)!important;color:#fff!important;box-shadow:0 10px 28px rgba(6,38,68,.28)!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}
html body .ds-auth-shinu-v264>span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#fff!important;font-size:19px!important}
html body .ds-auth-shinu-v264>b{color:#fff!important}
@media(max-width:1000px){html body .ds-courses{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .ds-free-mock-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
 html body .ds-nav-actions{gap:6px!important}
 html body .ds-nav-actions .ds-inquire,html body .ds-nav-actions .ds-login{min-height:38px!important;padding:8px 10px!important;font-size:11px!important;border-radius:10px!important}
 html body .ds-home-hero-visual-v233{width:100%!important;margin:18px auto 0!important}
 html body .ds-home-hero-image-frame-v233{width:min(72vw,270px)!important;max-height:330px!important;aspect-ratio:4/5!important;margin:0 auto!important;padding:6px!important;border-radius:20px!important}
 html body .ds-home-hero-image-frame-v233>img{object-fit:contain!important;border-radius:14px!important}
 html body .ds-home-hero-founder-card-v233{margin:0 auto!important}
 html body .ds-quote .ds-quote-inner{grid-template-columns:100px minmax(0,1fr)!important;gap:13px!important;padding:16px!important}
 html body .ds-quote .ds-quote-inner>img{height:138px!important;max-width:100px!important;border-radius:12px!important}
 html body .ds-quote .ds-quote-inner blockquote{font-size:15px!important;line-height:1.45!important}
 html body .ds-quote .ds-quote-meta{font-size:11px!important}
 html body .ds-quote .ds-quote-inner>div:last-child{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;gap:12px!important;margin-left:0!important}
 html body .ds-quote .ds-quote-inner>div:last-child b{font-size:18px!important}
 html body .ds-courses{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 html body .ds-courses>.ds-course,html body .ds-courses>.ds-course-card-v243{width:100%!important;max-width:100%!important}
 html body .ds-course-img-v243{min-height:150px!important;max-height:220px!important}
 html body .ds-course-name-v243{font-size:19px!important}
 html body .ds-course-info-row{font-size:13px!important}
 html body .ds-unified-free-learning .ds-resource-shortcuts-v261{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:14px 0 20px!important}
 html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button{grid-template-columns:38px minmax(0,1fr)!important;column-gap:9px!important;min-height:82px!important;padding:11px!important;border-radius:12px!important}
 html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button>span{width:38px!important;height:38px!important;border-radius:11px!important;font-size:19px!important}
 html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button>b{font-size:12px!important}
 html body .ds-unified-free-learning .ds-resource-shortcuts-v261>button>small{font-size:10px!important}
 html body .ds-unified-resource-panel{padding:12px!important;margin-top:14px!important;border-radius:14px!important}
 html body .ds-unified-resource-panel .ds-section-head h3{font-size:19px!important}
 html body .ds-unified-resource-panel .ds-section-head p{font-size:12px!important}
 html body .ds-free-mock-grid-inner{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body .ds-auth-shinu-v264{right:12px!important;bottom:14px!important;padding:8px 13px 8px 8px!important}
}
@media(max-width:380px){html body .ds-unified-free-learning .ds-resource-shortcuts-v261{grid-template-columns:minmax(0,1fr)!important}html body .ds-nav-actions .ds-inquire,html body .ds-nav-actions .ds-login{padding:7px 8px!important;font-size:10px!important}}

/* ==========================================================================
   DSE v265 — Single Clean Login Input Box (Fix Double Box / Nested Input Issue)
   ========================================================================== */
html body #loginModal .login-simple-modal,
html body .login-modal-backdrop .login-simple-modal {
  width: min(480px, calc(100vw - 28px)) !important;
  max-width: 480px !important;
  border-radius: 20px !important;
}

html body #loginModal .login-field,
html body .login-modal-backdrop .login-field {
  margin: 0 0 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

html body #loginModal .login-field label,
html body .login-modal-backdrop .login-field label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #102a43 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* Outer single box wrapper */
html body #loginModal .login-input-wrap,
html body .login-modal-backdrop .login-simple-form .login-input-wrap,
html body .login-simple-form .login-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 14px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
  overflow: hidden !important;
}

/* Focus on outer wrapper */
html body #loginModal .login-input-wrap:focus-within,
html body .login-modal-backdrop .login-simple-form .login-input-wrap:focus-within,
html body .login-simple-form .login-input-wrap:focus-within {
  background: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3.5px rgba(37, 99, 235, 0.14) !important;
}

/* Inner input element - remove all borders, backgrounds, shadows, and rounded corners */
html body #loginModal .login-input-wrap input,
html body #loginModal .login-field .login-input-wrap input,
html body .login-modal-backdrop .login-simple-form .login-input-wrap input,
html body .login-modal-backdrop .login-field input,
html body .login-modal-backdrop .field input,
html body .login-simple-form .login-input-wrap input {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  font-family: inherit !important;
}

/* Focused inner input - ensure zero border and zero box-shadow */
html body #loginModal .login-input-wrap input:focus,
html body #loginModal .login-field .login-input-wrap input:focus,
html body .login-modal-backdrop .login-simple-form .login-input-wrap input:focus,
html body .login-modal-backdrop .login-field input:focus,
html body .login-modal-backdrop .field input:focus,
html body .login-simple-form .login-input-wrap input:focus {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body #loginModal .login-input-wrap input::placeholder,
html body .login-modal-backdrop .login-input-wrap input::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

/* Chrome/Safari/Edge autofill reset to maintain single box look */
html body #loginModal .login-input-wrap input:-webkit-autofill,
html body #loginModal .login-input-wrap input:-webkit-autofill:hover,
html body #loginModal .login-input-wrap input:-webkit-autofill:focus,
html body .login-modal-backdrop .login-input-wrap input:-webkit-autofill,
html body .login-modal-backdrop .login-input-wrap input:-webkit-autofill:hover,
html body .login-modal-backdrop .login-input-wrap input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0f172a !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Eye toggle button on password */
html body #loginModal .login-eye,
html body .login-modal-backdrop .login-simple-form .login-eye,
html body .login-simple-form .login-eye {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #2563eb !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  padding: 6px 4px 6px 10px !important;
  margin-left: 6px !important;
  flex: 0 0 auto !important;
  user-select: none !important;
  line-height: 1 !important;
}

html body #loginModal .login-eye:hover,
html body .login-modal-backdrop .login-simple-form .login-eye:hover {
  color: #1d4ed8 !important;
}

