/* V40: final naming, full translation hooks, cleaner iPhone-like info sections. */

@keyframes v40DiscoverBump{
  0%{transform:translateX(-50%) translateY(0) scale(1)}
  42%{transform:translateX(-50%) translateY(-12px) scale(1.025)}
  68%{transform:translateX(-50%) translateY(3px) scale(.997)}
  100%{transform:translateX(-50%) translateY(-6px) scale(1.012)}
}
@keyframes v40DiscoverBumpMobile{
  0%{transform:translateY(0) scale(1)}
  42%{transform:translateY(-10px) scale(1.025)}
  68%{transform:translateY(3px) scale(.997)}
  100%{transform:translateY(-5px) scale(1.012)}
}
.discover:hover,
.discover:focus-visible,
.discover.is-bumped{
  animation:v40DiscoverBump .62s var(--ease) both!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(36,32,32,.58)!important;
}
.discover:hover .discover-icon,
.discover:focus-visible .discover-icon,
.discover.is-bumped .discover-icon{
  transform:translateY(-50%) scale(1.08)!important;
}

.info-section,
.about-section,
.skills-section{
  position:relative!important;
  overflow:hidden!important;
}
.info-section::before,
.contact-section::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:80px!important;
  width:min(1120px,86vw)!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent)!important;
  pointer-events:none!important;
}
.info-inner,
.skills-section .info-inner{
  padding:clamp(34px,4vw,58px)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:34px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.07))!important;
  box-shadow:0 22px 54px rgba(36,32,32,.07), inset 0 1px 0 rgba(255,255,255,.36)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.info-card,
.skill-card{
  border-bottom-color:rgba(36,32,32,.11)!important;
}
.info-card:last-child,
.skill-card:last-child{
  border-bottom:0!important;
}
.tools-strip{
  padding-top:30px!important;
  border-top:1px solid rgba(36,32,32,.12)!important;
}
.contact-inner{
  width:min(980px,92vw)!important;
  padding:clamp(42px,5vw,70px)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:34px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.07))!important;
  box-shadow:0 22px 54px rgba(36,32,32,.07), inset 0 1px 0 rgba(255,255,255,.36)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

@media (max-width:980px){
  .discover:hover,
  .discover:focus-visible,
  .discover.is-bumped{
    animation:v40DiscoverBumpMobile .62s var(--ease) both!important;
  }
  .info-inner,
  .skills-section .info-inner,
  .contact-inner{
    padding:30px 22px!important;
    border-radius:26px!important;
  }
}