:root{
  --accent:#0b5cff;
  --ink:#101828;
  --muted:#64748b;
  --line:rgba(15,23,42,.12);
  color-scheme:light;
}
*{box-sizing:border-box}
html{min-height:100%;background:#eef5ff}
body{
  min-height:100vh;
  margin:0;
  color:var(--ink);
  background:radial-gradient(circle at 5% 5%,rgba(96,165,250,.24),transparent 32%),radial-gradient(circle at 96% 90%,rgba(34,197,94,.14),transparent 30%),linear-gradient(180deg,#eef5ff,#f8fbff);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
button,input{font:inherit}
.login-screen-v41{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:24px 16px;
}
.login-card-v41{
  position:relative;
  width:min(560px,calc(100vw - 32px));
  margin:0;
  padding:30px 34px 28px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.94);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.92));
  box-shadow:0 32px 90px rgba(15,23,42,.14);
}
.login-card-v41:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:7px;
  border-radius:34px 34px 0 0;
  background:linear-gradient(90deg,var(--accent),#60a5fa,#93c5fd);
}
.acx-login-head-v41{
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  grid-template-areas:"logo status" "logo title";
  align-items:center;
  gap:10px 16px;
  min-width:0;
  margin:0 0 24px;
}
.acx-login-logo-box-v41{
  grid-area:logo;
  width:100%;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  overflow:hidden;
  border:1px solid #dbe5f2;
  border-radius:13px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.045);
}
.acx-login-logo-box-v41 img{
  display:block;
  width:100%;
  max-width:162px;
  height:56px;
  object-fit:contain;
}
.logo-dot{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),#60a5fa);
  box-shadow:0 16px 40px rgba(11,92,255,.28);
  font-size:24px;
  font-weight:900;
}
.acx-login-status-v41{
  grid-area:status;
  justify-self:end;
  align-self:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  white-space:nowrap;
  border:1px solid rgba(15,23,42,.06);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 32px rgba(15,23,42,.07);
  font-size:14px;
  font-weight:900;
}
.online-led{
  width:12px;
  height:12px;
  flex:0 0 auto;
  display:inline-block;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.16),0 0 18px rgba(34,197,94,.72);
  animation:onlinePulse 1.45s ease-in-out infinite;
}
@keyframes onlinePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.75}}
.acx-login-title-v41{grid-area:title;min-width:0;align-self:end}
.acx-login-title-v41 strong{
  display:block;
  overflow-wrap:anywhere;
  color:#101827;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.acx-login-title-v41 small{display:block;margin-top:7px;color:var(--muted);font-size:15px;font-weight:800}
.acx-login-weather-v27114{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:4px 0 18px;
  padding:11px 13px;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(135deg,#063e70,#0870b8);
  box-shadow:0 14px 28px rgba(2,65,116,.22);
}
.acx-login-weather-icon-v27114{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);font-size:21px}
.acx-login-weather-main-v27114 strong,.acx-login-clock-v27114 strong{display:block;font-size:15px;line-height:1.05}
.acx-login-weather-main-v27114 small,.acx-login-clock-v27114 small{display:block;margin-top:4px;overflow:hidden;color:rgba(255,255,255,.8);font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.acx-login-clock-v27114{min-width:108px;text-align:right}
.acx-login-clock-v27114 strong{font-size:13px}
.login-heading-wrap-v41{margin:0 0 16px}
.login-heading-wrap-v41 h1{margin:0 0 8px;color:#0f172a;font-size:34px;line-height:1;letter-spacing:-.055em}
.login-heading-wrap-v41 p{margin:0;color:var(--muted);font-size:18px;font-weight:800;line-height:1.25}
.notice{margin-bottom:14px;padding:13px 14px;border:1px solid #bae6fd;border-radius:16px;background:#e0f2fe;color:#075985}
.notice.error{border-color:#fecdd3;background:#ffe4e6;color:#9f1239}
.notice.ok{border-color:#bbf7d0;background:#dcfce7;color:#166534}
.notice.warn{border-color:#fde68a;background:#fef3c7;color:#92400e}
.login-form-v41{display:block;margin:0}
.field{display:grid;gap:7px;margin-bottom:14px}
.field label{color:var(--muted);font-size:13px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.input{
  width:100%;
  min-height:72px;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:18px;
  outline:none;
  background:#fff;
  color:var(--ink);
  font-size:22px;
}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(11,92,255,.12)}
.btn{
  min-width:68px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  padding:0 14px;
  border:0;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,#0758b8,#0b6bd8);
  box-shadow:0 16px 32px rgba(7,88,184,.26);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.login-submit-v41{width:100%;min-height:58px;margin-top:14px;padding:0 20px;border:1px solid rgba(0,52,120,.18);border-radius:17px;color:#fff;background:linear-gradient(135deg,#084c9d,#0875c9);box-shadow:0 14px 30px rgba(8,76,157,.26);font-size:17px;letter-spacing:.01em;opacity:1;visibility:visible}
.login-submit-v41:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 18px 34px rgba(8,76,157,.3)}
.login-submit-v41:active:not([disabled]){transform:translateY(0)}
.btn:focus-visible{outline:3px solid rgba(11,92,255,.35);outline-offset:3px}
.btn[disabled],.login-submit-v41[disabled]{cursor:not-allowed;filter:none;opacity:1;color:#315b82;background:#dbeafe;box-shadow:none;border-color:#bfdbfe}
.acx-turnstile-v247{width:100%;overflow:hidden}
.acx-turnstile-status-v272{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.login-copyright-v41{margin:0;padding:0 10px;color:var(--muted);font-size:13px;font-weight:900;line-height:1.25;text-align:center}
@media(max-width:560px){
  body{background:#eef5ff}
  .login-screen-v41{justify-content:flex-start;padding:18px 12px;overflow:auto}
  .login-card-v41{width:100%;padding:22px 18px 20px;border-radius:28px;background:#fff;box-shadow:none}
  .login-card-v41:before{background:var(--accent)}
  .acx-login-head-v41{grid-template-columns:1fr;grid-template-areas:"status" "logo" "title";gap:10px;margin-bottom:18px;text-align:center}
  .acx-login-status-v41{justify-self:end;box-shadow:none}
  .acx-login-logo-box-v41{min-height:72px;box-shadow:none}
  .acx-login-title-v41 small{font-size:14px}
  .acx-login-weather-v27114{background:#075f9a;box-shadow:none}
  .login-heading-wrap-v41 h1{font-size:31px}
  .login-heading-wrap-v41 p{font-size:16px}
  .input{min-height:64px;font-size:18px}
  .btn{min-height:50px;background:#0758b8;box-shadow:none}.login-submit-v41{width:100%;min-height:56px;background:linear-gradient(135deg,#084c9d,#0875c9);font-size:16px}.login-submit-v41[disabled]{background:#dbeafe;color:#315b82}
  .online-led{animation:none}
  .login-copyright-v41{color:#475569;font-size:12px}
}
@media(max-width:380px){
  .login-card-v41{padding:20px 14px 18px}
  .acx-login-weather-v27114{grid-template-columns:38px 1fr}
  .acx-login-clock-v27114{grid-column:1/-1;min-width:0;display:flex;justify-content:space-between;text-align:left}
  .acx-login-clock-v27114 small{margin:0}
}
@media(prefers-reduced-motion:reduce){.online-led{animation:none}}