/* FINAL PRO POLISH — clean highlights, cohesive palette, correct interactions */
:root{--pro-bg:#15172f;--pro-panel:#1c203b;--pro-line:rgba(181,190,255,.24);--pro-text:#f7f8ff;--pro-muted:#c9cee2;--pro-cyan:#58ddd5;--pro-yellow:#ffd84d;--pro-purple:#9b8cff;--pro-green:#77dfa8;--pro-ink:#15172f}
/* 1) Hero highlights: no rough marker, use premium gradient text + tiny glow */
.highlight{background:none!important;padding:0!important;border-radius:0!important;color:inherit!important;font-weight:900!important;text-decoration:none!important;position:relative!important;text-shadow:none!important;background-image:linear-gradient(90deg,var(--pro-cyan),#9ff5ee)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 10px rgba(88,221,213,.12))}.highlight::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-.11em!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,rgba(88,221,213,.95),rgba(155,140,255,.55))!important;opacity:.72!important;z-index:0!important;transform:none!important;box-shadow:0 0 14px rgba(88,221,213,.22)!important}.hero-description,.hero-subtitle{letter-spacing:.01em}.contact-btn,.social-icon{background:rgba(28,32,59,.68)!important;border:1px solid rgba(181,190,255,.20)!important;color:#fff!important}.contact-btn{background:linear-gradient(135deg,rgba(88,221,213,.18),rgba(155,140,255,.20))!important}.contact-btn:hover,.social-icon:hover{background:linear-gradient(135deg,rgba(88,221,213,.28),rgba(155,140,255,.24))!important;color:#fff!important}
/* 2) Top tech badges: calm default, random non-repeating hover colors from controlled palette */
.tech-badge{background:rgba(28,32,59,.70)!important;color:#f7f8ff!important;border:2px solid rgba(222,226,255,.78)!important;box-shadow:4px 4px 0 rgba(5,8,24,.65),0 16px 42px rgba(5,8,24,.18)!important;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important}.tech-badge:hover{color:#12162c!important;transform:translate(-4px,-5px) rotate(-1deg)!important;box-shadow:7px 7px 0 rgba(5,8,24,.68),0 22px 58px rgba(88,221,213,.15)!important}.tech-badge i{color:currentColor!important}
/* 3) Project cards: JS controls direction, CSS should not force one direction */
.project-card:hover,.project-card:nth-child(odd):hover,.project-card:nth-child(even):hover{transform:var(--cursor-transform, translateY(-4px))!important}.project-card{transition:transform .13s ease-out,box-shadow .24s ease,background .24s ease!important}.project-icon{cursor:pointer!important;transition:transform .82s cubic-bezier(.16,1,.3,1)!important}.project-card.ping .project-icon{transform:translateX(var(--icon-travel,300px)) rotate(360deg)!important}.project-card.ping-back .project-icon{transform:translateX(0) rotate(0deg)!important}
/* 4) Creative skills: original-like yellow hover, all cards consistent */
.skill-category{background:rgba(28,32,59,.74)!important;color:#f7f8ff!important;border:1px solid rgba(181,190,255,.24)!important;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important}.skill-category:hover{background:linear-gradient(135deg,#ffd84d,#f0aa3d)!important;color:#16162d!important;transform:translate(-4px,-5px) rotate(-.6deg)!important;box-shadow:8px 8px 0 rgba(5,8,24,.72),0 24px 64px rgba(255,216,77,.16)!important;animation:none!important}.skill-category:hover h3{color:#16162d!important}.skill-category:hover .skill-item{background:rgba(22,22,45,.82)!important;color:#fff!important;border-color:rgba(255,255,255,.86)!important}.skill-item:hover{background:linear-gradient(135deg,var(--pro-cyan),var(--pro-purple))!important;color:#12162c!important}
/* Light theme: professional, readable, not grey */
body:not(.dark-theme){background:radial-gradient(circle at 14% 12%,rgba(88,221,213,.20),transparent 28%),radial-gradient(circle at 84% 10%,rgba(155,140,255,.17),transparent 30%),linear-gradient(135deg,#fbfdff 0%,#edf9fb 50%,#f7f3ff 100%)!important;color:#172033!important}body:not(.dark-theme) .floating-nav{background:rgba(255,255,255,.80)!important;border-color:rgba(23,32,51,.15)!important}body:not(.dark-theme) .floating-nav .nav-item{color:#172033!important}body:not(.dark-theme) .theme-toggle,body:not(.dark-theme) .lang-toggle{background:#172033!important;color:#fff!important}body:not(.dark-theme) .skill-category{background:rgba(255,255,255,.78)!important;color:#172033!important;border-color:rgba(23,32,51,.14)!important;box-shadow:0 22px 70px rgba(23,32,51,.10)!important}body:not(.dark-theme) .skill-category:hover{background:linear-gradient(135deg,#ffd84d,#f2b44b)!important;color:#172033!important;box-shadow:8px 8px 0 rgba(23,32,51,.18),0 26px 70px rgba(242,180,75,.18)!important}body:not(.dark-theme) .skill-category:hover h3{color:#172033!important}body:not(.dark-theme) .skill-category .skill-item{background:rgba(28,32,59,.88)!important;color:#fff!important;border-color:rgba(23,32,51,.18)!important}body:not(.dark-theme) .skill-category:hover .skill-item{background:rgba(23,32,51,.88)!important;color:#fff!important}body:not(.dark-theme) .highlight{background-image:linear-gradient(90deg,#078c8a,#4d48c7)!important}body:not(.dark-theme) .highlight::after{background:linear-gradient(90deg,rgba(88,221,213,.55),rgba(155,140,255,.36))!important}

/* HOTFIX: visible elegant highlights + correct icon-only ping */
.highlight{
  display:inline!important;
  color:#63e6df!important;
  -webkit-text-fill-color:#63e6df!important;
  background-image:none!important;
  background:none!important;
  font-weight:900!important;
  padding:0 .04em!important;
  text-shadow:0 0 18px rgba(99,230,223,.18)!important;
  filter:none!important;
}
.highlight::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:.02em!important;
  height:.38em!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(99,230,223,.18),rgba(155,140,255,.12))!important;
  z-index:-1!important;
  opacity:1!important;
  box-shadow:none!important;
}
.hero-description .highlight:nth-of-type(2n),.hero-subtitle .highlight:nth-of-type(2n){color:#a9fbdd!important;-webkit-text-fill-color:#a9fbdd!important}.hero-description .highlight:nth-of-type(3n){color:#c7bdff!important;-webkit-text-fill-color:#c7bdff!important}
body:not(.dark-theme) .highlight{color:#078b8b!important;-webkit-text-fill-color:#078b8b!important;text-shadow:none!important}body:not(.dark-theme) .hero-description .highlight:nth-of-type(2n),body:not(.dark-theme) .hero-subtitle .highlight:nth-of-type(2n){color:#4165c8!important;-webkit-text-fill-color:#4165c8!important}body:not(.dark-theme) .hero-description .highlight:nth-of-type(3n){color:#6f54c9!important;-webkit-text-fill-color:#6f54c9!important}