.login-developer-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  width: min(590px, 100%);
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.17), rgba(255,255,255,.08));
  box-shadow: 0 20px 48px rgba(4,14,42,.22), inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter: blur(18px);
}
.login-developer-card::after { content:""; position:absolute; right:-45px; top:-68px; width:150px; height:150px; border-radius:50%; background:rgba(96,165,250,.16); pointer-events:none; }
.login-developer-card .developer-logo-plate { position:relative; z-index:1; display:grid; place-items:center; height:72px; padding:12px; border:1px solid rgba(255,255,255,.9); border-radius:15px; background:#fff; box-shadow:0 12px 26px rgba(5,18,51,.18); }
.login-developer-card img { display:block; width:100%; height:100%; object-fit:contain; }
.login-developer-copy { position:relative; z-index:1; display:grid; gap:5px; min-width:0; }
.login-developer-copy small { color:#bfdbfe; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.login-developer-copy strong { color:#fff; font-size:17px; line-height:1.25; letter-spacing:-.015em; }
.login-developer-copy > span:not(.system-connectivity) { color:#e1eaff; font-size:11px; line-height:1.45; }
.login-developer-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:5px; }
.login-developer-links a { display:inline-flex; min-height:30px; align-items:center; padding:7px 10px; border:1px solid rgba(255,255,255,.28); border-radius:9px; background:rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:850; line-height:1.2; letter-spacing:.005em; text-decoration:none; white-space:nowrap; }
.login-developer-links a:hover { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.2); text-decoration:none; }
.login-developer-links a:focus-visible { outline:2px solid #fbbf24; outline-offset:2px; }

.system-connectivity { display:inline-flex!important; width:max-content; max-width:100%; align-items:center; gap:7px; margin-top:4px; padding:5px 9px; border:1px solid currentColor; border-radius:999px; font-size:9px!important; line-height:1!important; letter-spacing:0!important; text-transform:none!important; }
.login-form-connectivity { display:inline-flex!important; }
.system-connectivity i { position:relative; display:block; width:7px; height:7px; flex:0 0 7px; background:currentColor; }
.system-connectivity b { color:inherit; font-size:9.5px; white-space:nowrap; }
.system-connectivity em { overflow:hidden; color:inherit; opacity:.82; font-size:8.5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.system-connectivity.is-connected { color:#16a34a; background:rgba(240,253,244,.95); }
.system-connectivity.is-connected i { border-radius:50%; animation:systemPulse 1.8s ease-out infinite; }
.system-connectivity.is-limited { color:#c26708; background:rgba(255,247,237,.97); }
.system-connectivity.is-limited i { width:0; height:0; flex-basis:0; background:transparent; border-right:5px solid transparent; border-bottom:9px solid currentColor; border-left:5px solid transparent; }
.system-connectivity.is-local { color:#dc2626; background:rgba(254,242,242,.97); }
.system-connectivity.is-local i { border-radius:1px; }
.system-connectivity.is-checking { color:#64748b; background:rgba(248,250,252,.96); }
.system-connectivity.is-checking i { border-radius:50%; animation:systemBlink 1s linear infinite; }
.topbar-connectivity { width:auto!important; max-width:min(360px,32vw); margin:0; flex:0 1 auto; }
@keyframes systemPulse { 0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)} 70%{box-shadow:0 0 0 6px rgba(22,163,74,0)} 100%{box-shadow:0 0 0 0 rgba(22,163,74,0)} }
@keyframes systemBlink { 50%{opacity:.3} }
@media (prefers-reduced-motion:reduce){.system-connectivity i{animation:none!important}}

.application-developer-footer { position:relative; overflow:hidden; grid-template-columns:104px minmax(260px,1fr) auto; gap:19px; padding:19px 23px; border-color:#d7e3f0; border-radius:20px; background:linear-gradient(135deg,#fff 0%,#f7fbff 56%,#eef6ff 100%); box-shadow:0 14px 38px rgba(15,23,42,.07); }
.application-developer-footer::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(#2563eb,#14b8a6); }
.application-developer-footer .developer-footer-logo { width:104px; height:59px; padding:9px 11px; border-color:#dce6f0; border-radius:13px; box-shadow:0 8px 22px rgba(15,23,42,.08); }
.application-developer-footer .developer-footer-identity { gap:4px; }
.application-developer-footer .developer-footer-identity small { color:#4773a8; font-size:9.5px; }
.application-developer-footer .developer-footer-identity strong { font-size:16px; letter-spacing:-.01em; }
.application-developer-footer .developer-footer-identity > span:not(.system-connectivity) { font-size:10.5px; }
.application-developer-footer .developer-footer-contact a { display:inline-flex; min-height:31px; align-items:center; padding:7px 10px; border:1px solid #bfd5f5; border-radius:9px; background:#fff; color:#1748b7; font-size:11.5px; font-weight:850; line-height:1.2; box-shadow:0 3px 10px rgba(37,99,235,.07); }
.application-developer-footer .developer-footer-contact a:hover { border-color:#7aa7ea; background:#eff6ff; text-decoration:none; }
.application-developer-footer .developer-footer-contact a:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }

.login-developer-mobile .login-developer-card { grid-template-columns:88px minmax(0,1fr); padding:16px; border:1px solid #d8e5f2; background:linear-gradient(135deg,#fff,#f3f8ff); box-shadow:0 12px 30px rgba(15,23,42,.08); }
.login-developer-mobile .login-developer-card .developer-logo-plate { height:58px; }
.login-developer-mobile .login-developer-copy small { color:#4773a8; }
.login-developer-mobile .login-developer-copy strong { color:#10213d; font-size:14px; }
.login-developer-mobile .login-developer-copy > span:not(.system-connectivity) { color:#64748b; font-size:10px; }
.login-developer-mobile .login-developer-links a { border-color:#c7dafa; background:#eef5ff; color:#1748b7; font-size:11px; }
.login-developer-mobile .login-developer-links a:hover { border-color:#8eb5f3; background:#e1edff; }

@media(max-width:1100px){.topbar-connectivity em{display:none}}
@media(min-width:761px) and (max-width:1100px){
  .brand-panel .login-developer-card{grid-template-columns:76px minmax(0,1fr);gap:12px;width:100%;padding:14px;border-radius:17px}
  .brand-panel .login-developer-card .developer-logo-plate{height:58px;padding:8px;border-radius:12px}
  .brand-panel .login-developer-copy{gap:4px}
  .brand-panel .login-developer-copy small{font-size:8px;line-height:1.35;letter-spacing:.1em}
  .brand-panel .login-developer-copy strong{font-size:14px;line-height:1.28}
  .brand-panel .login-developer-copy > span:not(.system-connectivity){font-size:9.5px;line-height:1.45}
  .brand-panel .login-developer-links{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:5px}
  .brand-panel .login-developer-links a{justify-self:start;max-width:100%;min-height:27px;padding:6px 8px;font-size:9.5px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
}
@media(max-width:760px){.application-developer-footer{grid-template-columns:84px 1fr;padding:16px}.application-developer-footer .developer-footer-logo{width:84px;height:51px}.application-developer-footer .developer-footer-contact{grid-column:1/-1}.system-connectivity{width:100%;border-radius:10px}.system-connectivity em{white-space:normal}.topbar-connectivity{width:auto!important;max-width:150px;border-radius:999px}.topbar-connectivity b{overflow:hidden;text-overflow:ellipsis}.login-form-connectivity{display:inline-flex!important}}
@media(max-width:480px){.login-developer-mobile .login-developer-card{grid-template-columns:1fr;text-align:left}.login-developer-mobile .developer-logo-plate{width:104px}.login-developer-copy strong{font-size:14px}.login-developer-links{gap:6px 10px}}