/* Main resets */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: sans-serif; line-height:1.6; color:#333; background:#f9f9f9; }

/* Header */
.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:2rem 2rem;
  border-bottom:1px solid #e0e0e0;
  position: sticky;
  top:0;
  z-index: 1000;
  background: linear-gradient(
    135deg,
    #e6e6e6,
    #ffffff,
    #d0d0d0,
    #fafafa,
    #bfbfbf
  );
  border-bottom: 1px solid #bbb;
  /* subtle outer glow */
  box-shadow:           0 0 20px rgba(210, 210, 210, 0.6),              /* outer glow */
    inset 0 4px 8px rgba(255, 255, 255, 0.8),       /* strong top gloss */
    inset 0 -2px 4px rgba(150, 150, 150, 0.15);     /* subtle bottom shadow */
  border-bottom: border-bottom: 1px solid #aaa;
}


.logo { font-size:1.5rem; font-weight:bold;}

.logo a {
  text-decoration: none;
  color: inherit; /* optional: inherit color from parent */
}

.main-nav a {
  margin-left:1.5rem; text-decoration:none; color:#333; font-weight:500; 
}
.nav-toggle { display: none; }

/* setting background image to site header .site-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("pics/wallpaper.png");
  opacity: 0.3;} */


/* Hero */
.hero {
  background:#e0e0e0;
  padding:4rem 2rem;
  text-align:center;
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.4), transparent 70%), url("pics/wallpaper_opaque.png");
      box-shadow:
    inset 0 20px 40px rgba(255, 255, 255, 0.3),
    0 0 60px rgba(0, 0, 0, 0.1);

}
.hero h1 { font-size:2.8rem; max-width:800px; margin:0 auto; font-weight: bolder; }

/*.hero-overlay {
  background: rgba(255, 255, 255, 0.6);
  display: inline-block;
  padding: 0rem 0rem;
  border-radius: 12px;
  backdrop-filter: blur(4px);
}*/


/* News */
.news { background:#fff; padding:2rem; }
.news h2 { margin-bottom:1rem; font-size:1.8rem; }
.news ul li { margin-bottom:0.75rem; }

/* Featured publications */
.featured-publications { padding:2rem; }
.featured-publications h2 { font-size:1.8rem; margin-bottom:1rem; }
.pub-grid {
  display:grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
  gap:1rem;
}
.pub-item {
  background:#fff; padding:1rem; border:1px solid #ddd;
  display:flex; flex-direction:column; align-items:center;
}

/* About section */
.about { background:#fff; padding:2rem 8rem; font-size: 1.1rem; text-align:justify; line-height: 2rem; }

.about h2{
    line-height:5rem;
}

.about p{
    padding: 1rem 0rem;
}

.about img{
    display:block;
    margin:auto;
    width:40rem;
    height:10rem;
}

.contact-btn {
  display:inline-block; margin-top:1rem;
  padding:0.75rem 1.5rem; background:#adadad;
  color:#fff; text-decoration:none; border-radius:4px; font-size: 1.1rem;
  border: 2px solid #adadad; font-weight: bold;
}

/* Footer */
.site-footer {
  padding:1rem; background:#fff; text-align:center; font-size:0.9rem;
  border-top:1px solid #e0e0e0;
}



/* Responsive nav toggle for small screens */
@media (max-width: 768px) {
  .main-nav { display:none; flex-direction:column; }
  .nav-toggle { display:block; background:none; border:none; font-size:1.5rem; }
}