/* Hero profil: neon LED animasyonlu cerceve */
#app #page-genel .overview-profile{
  position:relative;
  border:3px solid transparent !important;
  background:
    linear-gradient(#0a2438,#0a2438) padding-box,
    linear-gradient(135deg,#5fe8f2,#2a91ff,#a34cff,#5fe8f2) border-box !important;
  background-size:100% 100%, 300% 300% !important;
  animation:neonFlow 4s linear infinite, neonGlow 2.4s ease-in-out infinite !important;
  box-shadow:
    0 0 0 1px rgba(95,232,242,.35),
    0 0 18px rgba(95,232,242,.55),
    0 0 36px rgba(42,145,255,.4),
    0 0 60px rgba(163,76,255,.25),
    0 12px 30px rgba(0,8,20,.55) !important;
}
@keyframes neonFlow{
  0%{background-position:0 0, 0% 50%}
  100%{background-position:0 0, 300% 50%}
}
@keyframes neonGlow{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(95,232,242,.35),
      0 0 18px rgba(95,232,242,.5),
      0 0 34px rgba(42,145,255,.32),
      0 0 58px rgba(163,76,255,.2),
      0 12px 30px rgba(0,8,20,.55);
  }
  50%{
    box-shadow:
      0 0 0 1px rgba(95,232,242,.6),
      0 0 26px rgba(95,232,242,.85),
      0 0 50px rgba(42,145,255,.55),
      0 0 84px rgba(163,76,255,.38),
      0 12px 30px rgba(0,8,20,.55);
  }
}
/* Cercevenin disinda ince LED halkasi */
#app #page-genel .overview-profile::after{
  content:"";position:absolute;inset:-7px;border-radius:18px;
  border:1px solid rgba(95,232,242,.22);
  animation:neonRing 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes neonRing{
  0%,100%{opacity:.25;transform:scale(1)}
  50%{opacity:.75;transform:scale(1.03)}
}

/* Sol alt kullanici resmi: ayni neon */
#app .side-user-line .user img#userInitial{
  border:2px solid transparent !important;
  background:
    linear-gradient(#0a2438,#0a2438) padding-box,
    linear-gradient(135deg,#5fe8f2,#2a91ff,#5fe8f2) border-box !important;
  background-size:100% 100%, 250% 250% !important;
  animation:neonFlow 4s linear infinite, neonSmall 2.6s ease-in-out infinite !important;
}
@keyframes neonSmall{
  0%,100%{box-shadow:0 0 8px rgba(95,232,242,.45),0 4px 12px rgba(0,8,20,.45)}
  50%{box-shadow:0 0 16px rgba(95,232,242,.85),0 4px 12px rgba(0,8,20,.45)}
}

/* Isim ve unvan */
#app #page-genel .overview-hero-copy h2{
  color:#f4fbff !important;
  text-shadow:0 2px 14px rgba(0,8,20,.6) !important;
}
#app #page-genel .overview-hero-copy h2 em,
#app #page-genel #welcomeUser{
  font-style:normal !important;
  color:#ffd970 !important;
  text-shadow:0 0 18px rgba(255,217,112,.4) !important;
}
#app #page-genel #userTitle{
  color:#7fe8d8 !important;
  font-weight:800 !important;
  letter-spacing:.4px !important;
  font-size:14px !important;
}