:root {
  --mas-primary: var(--site-accent, #d8fe00);
  --mas-secondary: var(--site-accent, #d8fe00);
  --mas-accent: var(--site-accent, #d8fe00);
  --mas-ink: #f8fbff;
}

html[light-mode="dark"] { --bg-color: #141516; --text-color: #f5f7f8; color-scheme: dark; }
html[light-mode="light"] { --bg-color: #ffffff; --text-color: #263238; --mas-primary: #007b91; --mas-secondary: #956400; color-scheme: light; }
html[light-mode] body { background-color: var(--bg-color); color: var(--text-color); }
html[light-mode="light"] .mas-home-additions { color: #263238; }
html[light-mode="light"] :is(.mas-home-section p, .mas-profile-card span, .mas-skill-cloud span) { color: #45545d; }
html[light-mode="light"] :is(.mas-service-grid article, .mas-list-grid article, .mas-work-card, .mas-profile-card) { background: #f5f8f9; border-color: #cbd8dc; box-shadow: 0 4px 12px #18363f0d; }
html[light-mode="light"] .mas-home-section { border-color: #cbd8dc; }
html[light-mode="light"] .mas-contact-strip { background: #eef6f6; }
html[light-mode="light"] .mas-contact-strip a { background: #ffcf62; color: #182a30; }
html[light-mode="light"] .mas-case-list .authors { color: #805700; }
html[light-mode="light"] #js-hamburger span { background-color: #263238; }
html[light-mode="dark"] #js-hamburger span { background-color: #e1e7ea; }

#researchDetailsTable.mas-case-list {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 24px;
}

.mas-case-list tr {
  background: var(--bg1-color, #262626);
}

.mas-case-list .imgCol {
  width: 32%;
  height: auto;
  padding: 20px;
  vertical-align: middle;
}

.mas-case-list .imgCol .rImg {
  width: 100%;
  height: 180px;
  object-fit: contain;
  border-radius: 6px;
}

.mas-case-list .researchTitleName {
  padding: 24px;
  vertical-align: middle;
  color: var(--p-up, #f8fbff);
}

.mas-case-list .paperTitle {
  display: block;
  font-size: 20px;
  line-height: 1.4;
  color: var(--mas-primary);
}

.mas-case-list .authors {
  color: var(--mas-secondary);
  font-size: 13px;
}

.mas-case-list .mas-case-summary {
  font-size: 14px;
  line-height: 1.7;
  margin: 12px 0 16px;
  overflow-wrap: anywhere;
}

.mas-case-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid var(--mas-primary);
  border-radius: 6px;
  color: var(--mas-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.mas-case-link:hover,
.mas-case-link:focus-visible {
  border-color: var(--site-accent, var(--mas-primary));
  background: var(--site-accent, var(--mas-primary));
  color: #151515 !important;
  text-decoration: none;
  outline: none;
}

@media (max-width: 711px) {
  #researchDetailsTable.mas-case-list tr {
    display: block;
    margin-bottom: 20px;
  }

  .mas-case-list .researchTitleName {
    display: block;
    width: 100% !important;
    padding: 18px;
  }

  .mas-case-list .imgResponsive {
    width: 100%;
  }

  .mas-case-list .imgResponsive .imgRes {
    width: 100%;
    height: 160px !important;
    object-fit: contain;
  }
}

@media (max-width: 319.98px) {
  .navbar .navbar-brand {
    max-width: calc(100% - 76px);
    min-width: 0;
  }

  .navbar .navbar-toggler {
    flex-shrink: 0;
    margin-inline: 8px;
  }

  .godown {
    left: 0 !important;
    right: auto !important;
    max-width: 100%;
    margin-inline: 0 !important;
  }

  #researchDetailsTable,
  #referenceDetailsTable {
    width: 100%;
    table-layout: fixed;
  }

  #researchDetailsTable tbody,
  #referenceDetailsTable tbody,
  #researchDetailsTable tr,
  #referenceDetailsTable tr,
  .researchTitleName,
  .referenceTitleName {
    display: block;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    margin-inline: 0;
    overflow-wrap: anywhere;
  }

  .img-div,
  .imgResponsive {
    max-width: 100%;
  }

  .imgResponsive .imgRes {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
  }

  [data-aos] {
    transform: none !important;
  }

  .techstackcards {
    width: 100%;
    min-width: 0;
    margin-inline: 0;
    padding-inline: 0;
  }

  .tech_card,
  .card_header,
  .mas-profile-card > div {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .mas-profile-card img {
    flex-shrink: 0;
  }
}

body {
  letter-spacing: 0;
}

.navbar-brand {
  max-width: min(58vw, 360px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text,
.tag,
.title,
.description,
.card_header,
.navbar,
.nav-link {
  line-height: 1.45;
}

.text {
  max-width: 680px;
}

#mooc,
.main1,
h4.mcard,
h4.mcard + main {
  display: none !important;
}

.header,
.animated-text,
.project-heading,
.experience_head,
.education_head,
.techstack_head,
.event_head,
.research_head,
.reference_head,
.travel_head {
  color: var(--mas-primary) !important;
  text-shadow: 0 0 14px color-mix(in srgb, var(--site-accent) calc(0.22 * 100%), transparent);
}

.nav-link:hover,
.navbar a:hover,
.active {
  color: var(--mas-secondary) !important;
}

.social-icons a,
.socialicon,
.menu-content a,
.iconify {
  transition: transform 0.2s ease, filter 0.2s ease, color 0.2s ease;
}

.social-icons a:hover,
.socialicon:hover,
.menu-content a:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 6px 14px color-mix(in srgb, var(--site-accent) calc(0.24 * 100%), transparent));
}

.skill-card,
.tech_card,
.experience-card,
.education-card,
.event-card,
.reference-card {
  border-color: color-mix(in srgb, var(--site-accent) calc(0.18 * 100%), transparent) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.skill-card:hover,
.tech_card:hover,
.experience-card:hover,
.education-card:hover,
.event-card:hover,
.reference-card:hover {
  box-shadow: 0 22px 56px color-mix(in srgb, var(--site-accent) calc(0.2 * 100%), transparent);
}

.btn:hover,
button:hover,
.button:hover,
.main-button:hover {
  box-shadow: 0 10px 24px color-mix(in srgb, var(--site-accent) calc(0.22 * 100%), transparent);
}

@media (max-width: 575.98px) {
  .navbar-brand {
    max-width: 68vw;
  }

  .text {
    padding-inline: 14px;
  }
}

::selection {
  background: var(--mas-secondary);
  color: #111827;
}

.mas-home-dashboard {
  background: #0d0f14;
  color: #f8fbff;
}

.mas-home-dashboard .navbar {
  background: rgba(13, 15, 20, 0.94) !important;
  backdrop-filter: blur(12px);
}

.mas-home-sections,
.mas-home-additions {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 48px 0;
}

.mas-home-sections {
  padding-top: 110px;
}

.mas-home-additions {
  color: #f8fbff;
  padding-top: 18px;
}

.mas-home-section {
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.mas-home-section h1,
.mas-home-section h2,
.mas-home-section h3,
.mas-home-section p {
  margin-top: 0;
  letter-spacing: 0;
}

.mas-home-section h1 {
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.12;
  font-weight: 600;
}

.mas-home-section h2 {
  font-size: clamp(22px, 2.5vw, 31px);
  line-height: 1.18;
  font-weight: 600;
}

.mas-home-section h3 {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
}

.mas-home-section p {
  color: rgba(248, 251, 255, 0.75);
  font-size: 14px;
  line-height: 1.65;
}

.mas-kicker {
  color: var(--mas-secondary) !important;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0 !important;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.mas-kicker i {
  color: var(--mas-primary);
  margin-right: 7px;
}

.mas-about-grid,
.mas-section-title,
.mas-contact-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
}

.mas-profile-card {
  display: flex;
  align-items: center;
  gap: 16px;
  width: min(100%, 390px);
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--site-accent) calc(0.22 * 100%), transparent);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
}

.mas-profile-card img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 50%;
}

.mas-profile-card strong,
.mas-profile-card span {
  display: block;
}

.mas-profile-card strong {
  font-size: 15px;
}

.mas-profile-card span {
  color: rgba(248, 251, 255, 0.68);
  font-size: 13px;
  line-height: 1.55;
}

.mas-service-grid,
.mas-list-grid,
.mas-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.mas-service-grid {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.mas-service-grid article,
.mas-list-grid article,
.mas-work-card {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.mas-service-grid article:hover,
.mas-list-grid article:hover,
.mas-work-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--site-accent) calc(0.28 * 100%), transparent);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--site-accent) calc(0.12 * 100%), transparent);
}

.mas-service-grid article,
.mas-list-grid article {
  padding: 15px;
}

.mas-service-grid .mas-card-icon {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--site-accent) calc(0.11 * 100%), transparent);
  color: var(--mas-primary);
  margin-bottom: 12px;
}

.mas-list-grid small,
.mas-work-card small {
  display: block;
  color: var(--mas-secondary);
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 8px;
}

.mas-work-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.mas-work-card div {
  padding: 14px;
}

.mas-section-title a,
.mas-work-card a,
.mas-contact-strip a {
  color: var(--mas-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.mas-skill-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.mas-skill-cloud span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 8px 11px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--site-accent) calc(0.1 * 100%), transparent);
  border: 1px solid color-mix(in srgb, var(--site-accent) calc(0.2 * 100%), transparent);
  color: #f8fbff;
  font-size: 12px;
  line-height: 1.2;
}

.mas-skill-cloud span i {
  flex: 0 0 16px;
  width: 16px;
  text-align: center;
  color: var(--mas-primary);
  font-size: 14px;
}

.mas-contact-strip {
  border-bottom: 0;
  padding: 22px;
  margin-top: 24px;
  border: 1px solid color-mix(in srgb, var(--site-accent) calc(0.18 * 100%), transparent);
  border-radius: 8px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--site-accent) calc(0.08 * 100%), transparent), color-mix(in srgb, var(--site-accent) calc(0.08 * 100%), transparent));
}

.mas-contact-strip a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 8px;
  color: #111827;
  background: var(--mas-secondary);
}

@media (max-width: 991.98px) {
  .mas-about-grid,
  .mas-section-title,
  .mas-contact-strip,
  .mas-service-grid,
  .mas-list-grid,
  .mas-card-grid {
    grid-template-columns: 1fr;
  }

  .mas-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .mas-home-sections,
  .mas-home-additions {
    width: min(100% - 24px, 1120px);
  }

  .mas-home-sections {
    padding-top: 92px;
  }

  .mas-home-section {
    padding: 32px 0;
  }

  .mas-service-grid {
    grid-template-columns: 1fr;
  }
}