/* ================================================================
   PAGE: science-expo.css
   Page-specific sections only; shared components live in ../components.
   ================================================================ */

    /* sceinec expo */
    .quantum-exhibit-zone{
  padding:70px 20px;
  background:#fff;
  text-align:center;
  color:#071d43;
}


.quantum-title{
  font-size:40px;
  margin-bottom:15px;
  border-bottom:3px solid #E91950;
  display:inline-block;
  padding-bottom:6px;
  text-shadow:none;
}


.quantum-description{
  max-width:700px;
  margin:0 auto 40px;
  line-height:1.6;
  background:#f5f7fa;
  padding:12px 20px;
  border-radius:14px;
  color:#5f6978;
}


.nebula-grid-layout{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  max-width:1300px;
  margin:auto;
}


.holo-card-unit{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 14px 35px rgba(7,29,67,0.12);
  aspect-ratio:4/3;
  background:#000;
  transition:0.3s;
}

.holo-card-unit:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 45px rgba(7,29,67,0.17);
}

.holo-card-unit img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.05) saturate(1.1);
  transition:0.5s;
}

.holo-card-unit:hover img{
  transform:scale(1.06);
  filter:contrast(1.1) saturate(1.2);
}


.holo-overlay-layer{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding:20px;
  background:transparent;
}


.holo-overlay-layer h4{
  margin:0;
  padding:9px 14px;
  border:0;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 22px rgba(7,29,67,0.16);
  color:#071d43;
  font-size:1rem;
  font-weight:700;
}


@media(max-width:992px){
  .nebula-grid-layout{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .nebula-grid-layout{
    grid-template-columns:1fr;
  }

  .quantum-title{
    font-size:28px;
  }
}

  /* sceinec expo END */

/* SCIENE CONETNT */
  .expo-section{
  padding:clamp(55px,7vw,90px) 20px;
  background:#fff;
}


.expo-wrapper{
  max-width:1400px;
  margin:auto;
 
  
  display:flex;
  align-items:center;
  gap:clamp(40px,6vw,80px);
  padding:clamp(38px,5vw,70px);
  border:1px solid rgba(7,29,67,.07);
  border-radius:30px;
  background:linear-gradient(135deg,#f7f9fc,#fff 58%);
  box-shadow:0 20px 60px rgba(7,29,67,.08);
 
}


.expo-content{
  flex:1;
}

.expo-content h2{
  font-size:clamp(2rem,3.5vw,3.2rem);
  color:#061B45;
  margin-bottom:20px;
  position:relative;
}


.expo-content h2::after{
  content:'';
  width:50px;
  height:3px;
  background:#EE1750;
  position:absolute;
  left:0;
  bottom:-10px;
  border-radius:5px;
}

.expo-content p{
  color:#5f6978;
  font-size:15px;
  line-height:1.9;
  margin:26px 0;
}


.expo-points{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
 
}

.expo-point{
  padding:14px 16px;
  border-radius:12px;
  font-size:13px;
  font-weight:600;
  color:#061B45;
  text-align:center;
  border:1px solid rgba(7,29,67,.09);
  background:#fff;
  transition:0.3s;
}

.expo-point:hover{
  background:#EE1750;
  color:#fff;
  border-color:#EE1750;
}


.expo-btn{
  display:inline-block;
  margin-top:22px;
  padding:12px 25px;
  background:#061B45;
  color:#fff;
  text-decoration:none;
  border-radius:12px;
  font-size:13px;
  transition:0.3s;
}

.expo-btn:hover{
  background:#EE1750;
  transform:translateY(-2px);
}


.expo-image{
  flex:1;
  position:relative;
}


.expo-image img{
  width:100%;
  display:block;
  border-radius:22px;
  box-shadow:0 20px 48px rgba(7,29,67,.16);
}


.expo-image::before{
  content:'';
  position:absolute;
  top:-14px;
  right:-14px;
  width:100%;
  height:100%;
  border-radius:22px;
  border:2px solid rgba(238,23,80,.75);
  z-index:-1;
}


.expo-badge{
  position:absolute;
  bottom:16px;
  left:16px;
  background:#EE1750;
  color:#fff;
  padding:9px 16px;
  font-size:12px;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(7,29,67,.18);
}


@media(max-width:900px){
  .expo-wrapper{
    flex-direction:column;
    padding:36px 25px;
    gap:25px;
    text-align:center;
  }

  .expo-content h2{
    font-size:26px;
  }

  .expo-content h2::after{
    left:50%;
    transform:translateX(-50%);
  }

  .expo-points{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){

  .expo-section{
    padding:45px 12px;
  }

  .expo-wrapper{
    padding:28px 18px;
    gap:20px;
    border-radius:20px;
  }

  .expo-content h2{
    font-size:22px;
  }

  .expo-content p{
    font-size:13px;
  }

  .expo-points{
    grid-template-columns:1fr;
  }

  .expo-point{
    font-size:12px;
    padding:10px;
  }

  .expo-btn{
    width:100%;
    text-align:center;
  }

  .expo-image::before{
    display:none;
  }

  .expo-badge{
    position:static;
    margin-top:10px;
    display:inline-block;
  }
}
/* SCIENE CONETNT END */

/* ================================================================
   PAGE-LEVEL VISUAL POLISH
   This source is appended to each isolated page stylesheet.
   ================================================================ */

/* Smooth, accessible interaction feedback */
a,
button,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid rgba(214, 168, 75, 0.9);
  outline-offset: 3px;
}

/* Media presentation remains contained within its own page */
img {
  height: auto;
}

/* Prevent long labels, links, and table content from breaking layouts */
p,
li,
td,
th,
a {
  overflow-wrap: break-word;
}

/* Refined motion where the visitor allows animation */
@media (prefers-reduced-motion: no-preference) {
  img,
  a,
  button {
    transition-duration: 220ms;
    transition-timing-function: ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  .mp-top-strip,
  .mp-main-header,
  .mp-mobile-menu,
  .mp-overlay,
  .apply-now,
  .whatsapp {
    display: none !important;
  }
}