:root{
  --login-navy:#07152d;
  --login-navy-2:#102a56;
  --login-blue:#2563eb;
  --login-blue-dark:#1d4ed8;
  --login-ink:#0f172a;
  --login-muted:#64748b;
  --login-line:#dbe4f0;
  --login-soft:#f6f9fd;
  --login-ok:#166534;
  --login-danger:#b91c1c;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body.siya-login-page{
  margin:0;
  min-height:100vh;
  color:var(--login-ink);
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  background:
    radial-gradient(circle at 12% 12%,rgba(96,165,250,.28),transparent 32rem),
    radial-gradient(circle at 88% 88%,rgba(45,212,191,.18),transparent 34rem),
    linear-gradient(145deg,var(--login-navy),#0b1f40 52%,#12386b);
  padding:clamp(14px,3vw,34px);
}
.siya-login-shell{
  width:min(1080px,100%);
  min-height:min(720px,calc(100vh - 68px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  background:#fff;
  border:1px solid rgba(255,255,255,.5);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}
.siya-login-welcome{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  padding:clamp(34px,5vw,68px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(145deg,#07152d,#113c76 68%,#0f766e);
}
.siya-login-welcome:before,.siya-login-welcome:after{content:"";position:absolute;z-index:-1;border-radius:50%}
.siya-login-welcome:before{width:360px;height:360px;right:-170px;top:-120px;background:rgba(255,255,255,.11)}
.siya-login-welcome:after{width:300px;height:300px;left:-170px;bottom:-170px;background:rgba(45,212,191,.16)}
.siya-brand{display:flex;align-items:center;gap:14px}
.siya-brand-mark{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:#fff;color:#1d4ed8;font-size:28px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.siya-brand-name{font-size:1.15rem;font-weight:900;letter-spacing:.01em}
.siya-brand-sub{font-size:.87rem;color:#dbeafe;margin-top:2px}
.siya-welcome-copy{margin:48px 0 34px;max-width:560px}
.siya-welcome-copy h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 16px;font-weight:950}
.siya-welcome-copy p{font-size:1.05rem;line-height:1.65;color:#dbeafe;margin:0}
.siya-login-points{display:grid;gap:12px;margin-top:30px}
.siya-login-point{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);border-radius:17px;backdrop-filter:blur(5px)}
.siya-login-point i{margin-top:3px;color:#a7f3d0}.siya-login-point b{display:block}.siya-login-point span{display:block;font-size:.85rem;color:#dbeafe;margin-top:2px}
.siya-welcome-foot{font-size:.82rem;color:#bfdbfe;margin-top:32px}
.siya-login-panel{padding:clamp(28px,4.5vw,58px);display:flex;align-items:center;background:linear-gradient(180deg,#fff,#fbfdff)}
.siya-login-form-wrap{width:100%;max-width:440px;margin:auto}
.siya-login-mobile-brand{display:none;margin-bottom:24px}
.siya-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.siya-login-heading{font-size:clamp(1.9rem,4vw,2.55rem);font-weight:950;letter-spacing:-.035em;margin:14px 0 8px}
.siya-login-intro{color:var(--login-muted);line-height:1.55;margin:0 0 24px}
.siya-login-alert{border:1px solid #fecaca;background:#fff1f2;color:#881337;border-radius:16px;padding:13px 15px;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}
.siya-login-alert i{margin-top:3px}.siya-login-alert strong{display:block}.siya-login-alert span{display:block;font-size:.88rem;margin-top:2px}
.siya-field{margin-bottom:18px}.siya-field-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}.siya-field label{font-weight:850;font-size:.92rem}.siya-field-help{font-size:.78rem;color:var(--login-muted)}
.siya-input-wrap{position:relative}.siya-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.siya-login-input{width:100%;height:52px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:0 48px 0 44px;font-size:1rem;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.siya-login-input:hover{border-color:#94a3b8}.siya-login-input:focus{border-color:var(--login-blue);box-shadow:0 0 0 4px rgba(37,99,235,.13);background:#fff}.siya-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#475569;border-radius:9px;width:38px;height:38px}.siya-password-toggle:hover,.siya-password-toggle:focus{background:#eef2ff;color:#1d4ed8;outline:none}.siya-caps-warning{display:none;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:7px 9px;font-size:.78rem;margin-top:7px}.siya-caps-warning.show{display:block}
.siya-submit{width:100%;height:53px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--login-blue),var(--login-blue-dark));color:#fff;font-weight:900;font-size:1rem;box-shadow:0 12px 28px rgba(37,99,235,.25);transition:transform .14s,box-shadow .14s,filter .14s}.siya-submit:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(37,99,235,.32);filter:saturate(1.08)}.siya-submit:active{transform:translateY(0)}.siya-submit:disabled{opacity:.7;cursor:wait}
.siya-login-help{margin-top:22px;padding-top:20px;border-top:1px solid var(--login-line);display:grid;gap:10px}.siya-help-link{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#1e3a8a;background:#f8fafc;border:1px solid var(--login-line);border-radius:14px;padding:12px 13px;font-weight:800}.siya-help-link:hover{background:#eff6ff;border-color:#bfdbfe}.siya-help-link small{display:block;color:var(--login-muted);font-weight:500;margin-top:2px}.siya-secure-note{display:flex;gap:9px;align-items:flex-start;color:var(--login-muted);font-size:.79rem;line-height:1.45;margin-top:16px}.siya-secure-note i{color:var(--login-ok);margin-top:2px}
.siya-skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:#111827;padding:10px 14px;border-radius:10px;z-index:9999;font-weight:800}.siya-skip-link:focus{top:12px}
@media(max-width:880px){body.siya-login-page{padding:12px}.siya-login-shell{display:block;min-height:0;max-width:560px}.siya-login-welcome{display:none}.siya-login-panel{padding:30px 22px 34px}.siya-login-mobile-brand{display:flex;align-items:center;gap:12px}.siya-login-mobile-brand .siya-brand-mark{width:48px;height:48px;border-radius:15px;font-size:23px;box-shadow:0 8px 22px rgba(15,23,42,.13)}.siya-login-mobile-brand .siya-brand-name{color:var(--login-ink)}.siya-login-mobile-brand .siya-brand-sub{color:var(--login-muted)}}
@media(max-width:420px){.siya-login-panel{padding:24px 17px 28px}.siya-field-head{display:block}.siya-field-help{margin-top:3px}.siya-login-heading{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}