/* Exklusiver Developer-Core: intensiv animiert, aber geometrisch sauber. */
.profile-frame[data-frame=developer]{--frame-a:#63ffe1;--frame-b:#447dff}
.developer-avatar-shell{isolation:isolate}
.developer-avatar-shell::before{inset:-1px;background:conic-gradient(from 0deg,#63ffe1 0 8%,#ffffff 9%,#447dff 14% 30%,#b84dff 36%,#63ffe1 44% 58%,#ffffff 59%,#447dff 66% 82%,#b84dff 88%,#63ffe1 100%);box-shadow:0 0 0 2px #63ffe155,0 0 18px #63ffe1aa,0 0 42px #447dff88,0 0 70px #b84dff44;animation:developer-core-spin 3.8s linear infinite}
.developer-avatar-shell::after{inset:8px;background:radial-gradient(circle at 50% 50%,#173c6a 0 58%,#071831 72%);box-shadow:inset 0 0 12px #63ffe177;animation:developer-core-breathe 1.8s ease-in-out infinite}
.developer-avatar-shell .profile-avatar{box-shadow:inset 0 0 0 2px #dffff9,0 0 16px #63ffe1aa!important;animation:developer-avatar-energy 2.4s ease-in-out infinite!important}
.developer-logo-mark{right:-2px;bottom:5px;width:42px;height:42px;border:2px solid #9bffed;border-radius:50%;background:radial-gradient(circle,#173d70,#071831);box-shadow:0 0 12px #63ffe1,0 0 26px #447dff;animation:developer-logo-pulse 1.6s ease-in-out infinite}
.developer-logo-mark img{width:34px;height:34px;border-radius:50%}
.header-avatar,.social-avatar{position:relative;background-position:center;background-size:cover}
.social-person{display:flex;align-items:center;gap:.85rem;min-width:0}.social-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:2px solid #9aabc0;border-radius:50%;background-color:#d7e3ef;color:#17365f;font-weight:900}.social-avatar.profile-frame{outline-width:2px!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--frame-b),0 5px 15px #10213d33!important}.social-person>div{min-width:0}
.header-avatar.profile-frame[data-frame=developer],.social-avatar.profile-frame[data-frame=developer]{isolation:isolate;border-color:#dffff9!important;outline:0!important;box-shadow:0 0 8px #63ffe1,0 0 15px #447dff!important;animation:developer-compact-aura 1.7s ease-in-out infinite!important}
.header-avatar.profile-frame[data-frame=developer]::before,.social-avatar.profile-frame[data-frame=developer]::before{content:"";position:absolute;z-index:-1;inset:-7px;border-radius:50%;background:conic-gradient(#63ffe1,#447dff,#b84dff,#fff,#63ffe1);animation:developer-core-spin 2.2s linear infinite;filter:drop-shadow(0 0 4px #63ffe1);mask:radial-gradient(circle,transparent 57%,#000 60%)}
.header-avatar.profile-frame[data-frame=developer]::after,.social-avatar.profile-frame[data-frame=developer]::after{content:"";position:absolute;z-index:3;right:-7px;bottom:-6px;width:17px;height:17px;border:2px solid #071831;border-radius:50%;background:#0d3157 url("../favicon.svg") center/15px no-repeat;box-shadow:0 0 7px #63ffe1;animation:developer-logo-pulse 1.6s ease-in-out infinite}
.frame-item.developer{position:relative;overflow:visible;border-color:#63ffe188;box-shadow:inset 0 0 28px #447dff20,0 0 18px #63ffe122}.frame-item.developer::after{content:"DEV EXCLUSIVE";position:absolute;top:8px;right:8px;padding:.18rem .35rem;border-radius:99px;background:#63ffe11c;color:#72ead3;font-size:.55rem;font-weight:900;letter-spacing:.07em}
@keyframes developer-core-spin{to{transform:rotate(360deg)}}@keyframes developer-core-breathe{50%{box-shadow:inset 0 0 22px #63ffe1bb;transform:scale(.975)}}@keyframes developer-avatar-energy{50%{filter:saturate(1.18) brightness(1.08)}}@keyframes developer-logo-pulse{50%{transform:scale(1.1);box-shadow:0 0 18px #63ffe1,0 0 35px #b84dff}}@keyframes developer-compact-aura{50%{filter:brightness(1.14);box-shadow:0 0 12px #63ffe1,0 0 24px #b84dff!important}}
@media(max-width:600px){.social-card .social-person{width:100%}.social-avatar{flex-basis:44px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.developer-avatar-shell::before,.developer-avatar-shell::after,.developer-avatar-shell .profile-avatar,.developer-logo-mark,.header-avatar.profile-frame[data-frame=developer],.social-avatar.profile-frame[data-frame=developer],.header-avatar.profile-frame[data-frame=developer]::before,.social-avatar.profile-frame[data-frame=developer]::before,.header-avatar.profile-frame[data-frame=developer]::after,.social-avatar.profile-frame[data-frame=developer]::after{animation:none!important}}

/* Wiederhergestellter originaler Developer-Rahmen für das große Profil. */
.profile-card .developer-avatar-shell{width:154px;height:154px;isolation:isolate}
.profile-card .developer-avatar-shell::before{
  inset:0;
  background:conic-gradient(from 12deg,#66ffe4 0%,#55dfdf 16%,#3978df 38%,#8b55ef 58%,#3978df 76%,#66ffe4 100%);
  box-shadow:0 0 0 2px #74f7e25c,0 0 18px #63ffe1a8,0 0 36px #447dff78;
  animation:developer-original-flow 8s linear infinite
}
.profile-card .developer-avatar-shell::after{
  inset:8px;
  background:#0f3961;
  box-shadow:inset 0 0 0 2px #54e8d9,inset 0 0 14px #07183188;
  animation:none
}
.profile-card .developer-avatar-shell .profile-avatar{
  width:130px;height:130px;border:3px solid #0d5a91!important;
  background:linear-gradient(145deg,#62d9dc,#74bde8)!important;
  box-shadow:inset 0 0 0 2px #8fffee55,0 0 12px #63ffe188!important;
  animation:none!important;filter:none!important
}
.profile-card .developer-logo-mark{
  right:-2px;bottom:5px;width:42px;height:42px;border:2px solid #9bffed;border-radius:50%;
  background:radial-gradient(circle,#173d70,#071831);box-shadow:0 0 12px #63ffe1,0 0 22px #447dff;
  animation:developer-logo-pulse 1.9s ease-in-out infinite
}
.profile-card .developer-logo-mark img{width:34px;height:34px;border-radius:50%}
@keyframes developer-original-flow{to{transform:rotate(360deg)}}