:root{
  --bg:#080d17;--panel:#0f1726;--panel2:#121c2d;--text:#f1f5fb;--muted:#8190a5;
  --line:rgba(255,255,255,.08);--accent:#6f82ff;--cyan:#69d5ee;--green:#56c79a;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{
  min-height:100dvh;overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(93,112,255,.15),transparent 28%),
    radial-gradient(circle at 85% 15%,rgba(77,199,230,.10),transparent 30%),
    linear-gradient(180deg,#080d17,#0a1120 55%,#080d17);
}
#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.58}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);
  background-size:22px 22px;
}
.login-shell{
  position:relative;z-index:2;width:min(1220px,calc(100% - 34px));min-height:100dvh;margin:auto;
  display:flex;flex-direction:column;justify-content:center;padding:34px 0 24px;
}
.brand{
  position:absolute;left:0;top:26px;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none
}
.brandmark{
  width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;
  background:rgba(255,255,255,.03);box-shadow:0 12px 30px rgba(0,0,0,.14)
}
.brandmark svg{width:29px;height:29px;fill:none}.brandmark path{stroke:#f4f7fb;stroke-width:1.1}.brandmark circle{stroke:rgba(125,145,255,.28);stroke-width:.8}
.brandcopy{display:flex;flex-direction:column;gap:2px}.brandcopy b{font-size:12px;letter-spacing:.25em}.brandcopy small{color:#718097;font-size:6px;font-weight:850;letter-spacing:.28em}
.login-card{
  min-height:590px;display:grid;grid-template-columns:minmax(0,.48fr) minmax(420px,.52fr);
  border:1px solid var(--line);border-radius:38px;overflow:hidden;
  background:linear-gradient(145deg,rgba(15,23,39,.86),rgba(8,14,25,.86));
  box-shadow:0 42px 120px rgba(0,0,0,.34);backdrop-filter:blur(22px)
}
.login-copy{
  position:relative;padding:64px 56px;display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(circle at 30% 25%,rgba(99,119,255,.16),transparent 33%),
    linear-gradient(145deg,rgba(255,255,255,.015),transparent);
  border-right:1px solid rgba(255,255,255,.06)
}
.login-copy::after{
  content:"";position:absolute;right:-130px;bottom:-150px;width:390px;height:390px;border-radius:50%;
  border:1px solid rgba(112,135,255,.08);box-shadow:0 0 90px rgba(73,98,213,.09);pointer-events:none
}
.eyebrow{color:#79889e;font-size:7px;font-weight:950;letter-spacing:.18em}
.login-copy h1{margin:17px 0 19px;font-size:clamp(54px,6vw,84px);line-height:.9;letter-spacing:-.062em}
.login-copy h1 em{color:#8a98ad;font-weight:400;font-style:normal}
.login-copy>p{max-width:430px;margin:0;color:#8c99ad;font-size:12px;line-height:1.75}
.login-copy>p strong{color:#c9d3e2;font-weight:760}
.signal-card{
  width:min(100%,400px);margin-top:38px;padding:14px;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;
  border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025)
}
.signal-orbit{width:64px;height:64px;border:1px solid rgba(115,137,255,.14);border-radius:50%;display:grid;place-items:center;position:relative}
.signal-orbit::after{content:"";position:absolute;inset:10px;border:1px solid rgba(115,137,255,.08);border-radius:50%}
.signal-orbit span{font:300 23px Georgia;color:#dce4f2;z-index:2}.signal-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#7288ff;box-shadow:0 0 11px rgba(114,136,255,.38)}
.signal-orbit i:nth-child(1){top:5px;left:18px}.signal-orbit i:nth-child(2){right:6px;bottom:15px;background:#68d2eb}.signal-orbit i:nth-child(3){left:5px;bottom:18px;background:#8b7cff}
.signal-copy{display:flex;flex-direction:column;gap:4px}.signal-copy small{color:#637289;font-size:5px;font-weight:900;letter-spacing:.12em}.signal-copy b{font-size:10px}.signal-copy span{color:#6e7d92;font-size:6px}.signal-copy span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px rgba(86,199,154,.25)}
.form-panel{padding:58px;display:flex;flex-direction:column;justify-content:center;background:rgba(12,19,32,.74)}
.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.form-head>div{display:flex;flex-direction:column;gap:5px}.form-head small{color:#6e7d92;font-size:6px;font-weight:900;letter-spacing:.15em}.form-head strong{font-size:28px;letter-spacing:-.04em}.lock-badge{height:26px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#7c8ba0;background:rgba(255,255,255,.025);font-size:5px;font-weight:900;letter-spacing:.12em}
#loginForm{display:grid;gap:18px}.field{display:grid;gap:8px}.field>span{color:#748398;font-size:6px;font-weight:900;letter-spacing:.14em}
.input-shell{
  height:55px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;padding:0 11px;
  border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#0c1524;
  transition:border-color .2s,box-shadow .2s,background .2s
}
.input-shell:focus-within{border-color:rgba(116,137,255,.32);background:#0f192a;box-shadow:0 0 0 4px rgba(116,137,255,.055)}
.input-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#162137;color:#8595ad;font-style:normal;font-size:9px;font-weight:850}
.input-shell input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eef3f9;font-size:10px;font-weight:680}.input-shell input::placeholder{color:#526176}
.show-password{width:31px;height:31px;border:0;border-radius:9px;background:transparent;color:#66758b}
.form-status{min-height:18px;color:#6f7e92;font-size:6px;line-height:1.5}.form-status.is-error{color:#d67886}.form-status.is-ok{color:#61c497}
.submit-btn{
  height:52px;margin-top:2px;padding:0 10px 0 17px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:space-between;
  color:#101725;background:linear-gradient(110deg,#f3f6fb,#9faeff);box-shadow:0 14px 34px rgba(73,89,178,.21);font-size:9px;font-weight:900
}
.submit-btn b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(17,24,39,.08);font-size:12px}.submit-btn:disabled{opacity:.65;cursor:wait}
.form-foot{margin-top:25px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:12px;color:#627187;font-size:5.5px;font-weight:760}.form-foot span{display:flex;align-items:center;gap:6px}.form-foot span i{width:5px;height:5px;border-radius:50%;background:#58c798}.form-foot a{color:#74849a;text-decoration:none}
footer{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:space-between;color:#48576b;font-size:5px;font-weight:850;letter-spacing:.1em}

@media(max-width:900px){
  body{overflow:auto}.login-shell{padding-top:90px;padding-bottom:60px}
  .login-card{grid-template-columns:1fr;min-height:0}.login-copy{padding:46px 34px 30px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .login-copy h1{font-size:60px}.signal-card{margin-top:26px}.form-panel{padding:38px 34px}
  footer{position:static;margin-top:18px}
}
@media(max-width:600px){
  .login-shell{width:calc(100% - 20px);padding-top:78px;padding-bottom:24px}.brand{top:18px}
  .login-card{border-radius:27px}.login-copy{padding:34px 22px 24px}.login-copy h1{font-size:48px}.login-copy>p{font-size:10px}
  .signal-card{grid-template-columns:52px 1fr}.signal-orbit{width:52px;height:52px}.signal-orbit span{font-size:20px}
  .form-panel{padding:29px 20px}.form-head{margin-bottom:26px}.form-head strong{font-size:24px}
  .input-shell{height:51px}.form-foot{flex-direction:column}
  footer{gap:10px;flex-direction:column;align-items:center;text-align:center}
}
/* ===== Login Visual Polish V2 — preserve layout, improve scale + main-site logo ===== */

/* Exact AIMA homepage brand treatment */
.brand{
  gap:11px;
}
.brand-mark{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(180,225,255,.16);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(127,230,255,.07),rgba(109,140,255,.045));
  box-shadow:inset 0 0 28px rgba(127,230,255,.025),0 10px 34px rgba(0,0,0,.24);
}
.brand-mark::after{
  content:"";
  position:absolute;
  inset:-42%;
  background:conic-gradient(from 0deg,transparent,rgba(127,230,255,.24),transparent 28%,transparent 72%,rgba(155,130,255,.20),transparent);
  animation:aimaSpin 9s linear infinite;
}
.brand-mark svg{
  width:30px;
  height:30px;
  fill:none;
  position:relative;
  z-index:1;
}
.brand-mark path{
  stroke:#edfaff;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brand-mark circle{
  stroke:rgba(127,230,255,.24);
  stroke-width:.8;
}
.brand-text{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.brand-word{
  font-size:15px;
  font-weight:900;
  letter-spacing:.25em;
  background:linear-gradient(90deg,#fff,#dff8ff,#d9d4ff,#fff);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:aimaShimmer 8s linear infinite;
}
.brand-text small{
  color:#7f8da2;
  font-size:8px;
  font-weight:850;
  letter-spacing:.26em;
}
@keyframes aimaSpin{to{transform:rotate(360deg)}}
@keyframes aimaShimmer{to{background-position:220% 0}}

/* Stronger visual hierarchy + readable supporting copy */
.eyebrow{
  font-size:9px!important;
  letter-spacing:.18em!important;
  color:#91a0b6!important;
}
.login-copy>p{
  max-width:470px!important;
  font-size:15px!important;
  line-height:1.7!important;
  color:#9ba8bb!important;
}
.login-copy>p strong{
  color:#e1e8f2!important;
  font-weight:780!important;
}
.signal-card{
  padding:17px!important;
  grid-template-columns:72px 1fr!important;
  gap:17px!important;
  border-radius:20px!important;
}
.signal-orbit{
  width:72px!important;
  height:72px!important;
}
.signal-copy{
  gap:6px!important;
}
.signal-copy small{
  font-size:8px!important;
  letter-spacing:.13em!important;
  color:#7d8ba0!important;
}
.signal-copy b{
  font-size:14px!important;
  line-height:1.2!important;
  color:#f0f4fa!important;
}
.signal-copy span{
  font-size:10px!important;
  color:#8b99ac!important;
}
.signal-copy span i{
  width:7px!important;
  height:7px!important;
  margin-right:8px!important;
}

.form-head{
  margin-bottom:30px!important;
}
.form-head small{
  font-size:8px!important;
  color:#8190a5!important;
}
.form-head strong{
  font-size:34px!important;
}
.lock-badge{
  height:30px!important;
  padding:0 11px!important;
  font-size:7px!important;
  color:#93a0b3!important;
}
#loginForm{
  gap:21px!important;
}
.field{
  gap:10px!important;
}
.field>span{
  font-size:8px!important;
  color:#8c9aaf!important;
  letter-spacing:.14em!important;
}
.input-shell{
  height:62px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  padding:0 12px!important;
  border-radius:16px!important;
}
.input-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.input-shell input{
  font-size:14px!important;
  font-weight:700!important;
  color:#eef3f9!important;
  caret-color:#8ea1ff;
}
.input-shell input::placeholder{
  color:#617087!important;
}
.show-password{
  width:36px!important;
  height:36px!important;
  font-size:14px!important;
}
.form-status{
  min-height:22px!important;
  font-size:9px!important;
  line-height:1.45!important;
  color:#8795aa!important;
}
.submit-btn{
  height:58px!important;
  border-radius:16px!important;
  font-size:13px!important;
  padding-left:20px!important;
}
.submit-btn b{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.form-foot{
  margin-top:28px!important;
  padding-top:20px!important;
  font-size:8px!important;
  color:#7f8da1!important;
}
.form-foot span i{
  width:7px!important;
  height:7px!important;
}
.form-foot a{
  color:#8b99ad!important;
}
footer{
  font-size:7px!important;
  color:#617087!important;
  letter-spacing:.11em!important;
}

/* Browser autofill must stay inside the dark AIMA visual language */
.input-shell input:-webkit-autofill,
.input-shell input:-webkit-autofill:hover,
.input-shell input:-webkit-autofill:focus,
.input-shell input:-webkit-autofill:active{
  -webkit-text-fill-color:#eef3f9!important;
  caret-color:#eef3f9!important;
  -webkit-box-shadow:0 0 0 1000px #0f192a inset!important;
  box-shadow:0 0 0 1000px #0f192a inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Make the existing left hero breathe a little better without redesigning it */
.login-copy{
  padding:62px 58px!important;
}
.form-panel{
  padding:56px 60px!important;
}
.login-copy h1{
  margin-bottom:22px!important;
}
.login-card{
  min-height:610px!important;
}

/* Mobile readability */
@media(max-width:900px){
  .brand-mark{width:42px;height:42px;border-radius:13px}
  .brand-mark svg{width:27px;height:27px}
  .brand-word{font-size:14px}
  .brand-text small{font-size:7px}
  .login-copy{padding:44px 34px 30px!important}
  .form-panel{padding:38px 34px!important}
}
@media(max-width:600px){
  .brand{gap:9px}
  .brand-mark{width:38px;height:38px;border-radius:11px}
  .brand-mark svg{width:24px;height:24px}
  .brand-word{font-size:12px}
  .brand-text small{font-size:6.5px}
  .eyebrow{font-size:7.5px!important}
  .login-copy{padding:34px 22px 25px!important}
  .login-copy h1{font-size:48px!important}
  .login-copy>p{font-size:12px!important;line-height:1.65!important}
  .signal-card{grid-template-columns:58px 1fr!important;padding:13px!important;gap:12px!important}
  .signal-orbit{width:58px!important;height:58px!important}
  .signal-copy small{font-size:6.5px!important}
  .signal-copy b{font-size:11px!important}
  .signal-copy span{font-size:8px!important}
  .form-panel{padding:29px 20px!important}
  .form-head small{font-size:7px!important}
  .form-head strong{font-size:28px!important}
  .field>span{font-size:7px!important}
  .input-shell{height:56px!important}
  .input-shell input{font-size:13px!important}
  .form-status{font-size:8px!important}
  .submit-btn{height:54px!important;font-size:12px!important}
  .form-foot{font-size:7.5px!important;line-height:1.5}
  footer{font-size:6.5px!important}
}

@media(prefers-reduced-motion:reduce){
  .brand-mark::after,.brand-word{animation:none!important}
}

/* ===== Login Typography Scale V3 — readable at large desktop widths ===== */
.brand-mark{
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
}
.brand-mark svg{
  width:34px!important;
  height:34px!important;
}
.brand-word{
  font-size:17px!important;
}
.brand-text small{
  font-size:9px!important;
  color:#91a0b5!important;
}

.eyebrow{
  font-size:11px!important;
  line-height:1.2!important;
}
.login-copy>p{
  font-size:16px!important;
}
.signal-copy small{
  font-size:9.5px!important;
}
.signal-copy b{
  font-size:16px!important;
}
.signal-copy span{
  font-size:11px!important;
}

.form-head small{
  font-size:10px!important;
}
.form-head strong{
  font-size:38px!important;
}
.lock-badge{
  height:33px!important;
  padding:0 13px!important;
  font-size:8.5px!important;
}
.field>span{
  font-size:10px!important;
}
.input-shell input{
  font-size:15px!important;
}
.form-status{
  min-height:25px!important;
  font-size:11px!important;
  color:#95a2b5!important;
}
.submit-btn{
  font-size:14px!important;
}
.form-foot{
  font-size:10px!important;
  line-height:1.45!important;
}
.form-foot a{
  font-size:10px!important;
}
footer{
  bottom:18px!important;
  font-size:8.5px!important;
  color:#718097!important;
}

/* Keep the secondary status copy comfortably readable */
.signal-card{
  min-height:112px;
}
.signal-copy{
  justify-content:center;
}

/* Large desktop should not make the UI feel microscopically scaled */
@media(min-width:1400px){
  .login-shell{
    width:min(1360px,calc(100% - 64px))!important;
  }
  .login-card{
    min-height:650px!important;
  }
  .login-copy{
    padding:70px 64px!important;
  }
  .form-panel{
    padding:64px 68px!important;
  }
  .login-copy h1{
    font-size:clamp(72px,5.6vw,96px)!important;
  }
  .form-head strong{
    font-size:40px!important;
  }
}

/* Mobile remains readable without becoming oversized */
@media(max-width:900px){
  .brand-mark{width:45px!important;height:45px!important}
  .brand-mark svg{width:29px!important;height:29px!important}
  .brand-word{font-size:15px!important}
  .brand-text small{font-size:8px!important}
  .eyebrow{font-size:9px!important}
  .login-copy>p{font-size:14px!important}
  .signal-copy small{font-size:8px!important}
  .signal-copy b{font-size:14px!important}
  .signal-copy span{font-size:10px!important}
  .form-head small{font-size:8.5px!important}
  .form-head strong{font-size:32px!important}
  .field>span{font-size:8.5px!important}
  .form-status{font-size:9.5px!important}
  .form-foot,.form-foot a{font-size:8.5px!important}
  footer{font-size:7.5px!important}
}
@media(max-width:600px){
  .brand-mark{width:40px!important;height:40px!important}
  .brand-mark svg{width:26px!important;height:26px!important}
  .brand-word{font-size:13px!important}
  .brand-text small{font-size:7px!important}
  .eyebrow{font-size:8px!important}
  .login-copy>p{font-size:12.5px!important}
  .signal-copy small{font-size:7px!important}
  .signal-copy b{font-size:12px!important}
  .signal-copy span{font-size:9px!important}
  .form-head small{font-size:7.5px!important}
  .form-head strong{font-size:29px!important}
  .field>span{font-size:7.5px!important}
  .input-shell input{font-size:13.5px!important}
  .form-status{font-size:8.5px!important}
  .submit-btn{font-size:12.5px!important}
  .form-foot,.form-foot a{font-size:8px!important}
  footer{font-size:7px!important}
}

/* ===== AIMA Login Typography Scale V4 — font size only ===== */
.brand-word{
  font-size:19px!important;
}
.brand-text small{
  font-size:10px!important;
}

.eyebrow{
  font-size:12px!important;
}
.login-copy>p{
  font-size:18px!important;
  line-height:1.7!important;
}
.signal-copy small{
  font-size:11px!important;
}
.signal-copy b{
  font-size:18px!important;
}
.signal-copy span{
  font-size:13px!important;
}

.form-head small{
  font-size:11px!important;
}
.form-head strong{
  font-size:42px!important;
}
.lock-badge{
  font-size:9.5px!important;
}
.field>span{
  font-size:11px!important;
}
.input-shell input{
  font-size:16px!important;
}
.form-status{
  font-size:12px!important;
}
.submit-btn{
  font-size:15px!important;
}
.form-foot,
.form-foot a{
  font-size:11px!important;
}
footer{
  font-size:9.5px!important;
}

@media(max-width:900px){
  .brand-word{font-size:16px!important}
  .brand-text small{font-size:9px!important}
  .eyebrow{font-size:10px!important}
  .login-copy>p{font-size:15px!important}
  .signal-copy small{font-size:9px!important}
  .signal-copy b{font-size:15px!important}
  .signal-copy span{font-size:11px!important}
  .form-head small{font-size:9.5px!important}
  .form-head strong{font-size:35px!important}
  .field>span{font-size:9.5px!important}
  .input-shell input{font-size:14.5px!important}
  .form-status{font-size:10.5px!important}
  .submit-btn{font-size:13.5px!important}
  .form-foot,.form-foot a{font-size:9px!important}
  footer{font-size:8px!important}
}
@media(max-width:600px){
  .brand-word{font-size:14px!important}
  .brand-text small{font-size:8px!important}
  .eyebrow{font-size:9px!important}
  .login-copy>p{font-size:13.5px!important}
  .signal-copy small{font-size:8px!important}
  .signal-copy b{font-size:13px!important}
  .signal-copy span{font-size:10px!important}
  .form-head small{font-size:8.5px!important}
  .form-head strong{font-size:31px!important}
  .field>span{font-size:8.5px!important}
  .input-shell input{font-size:14px!important}
  .form-status{font-size:9.5px!important}
  .submit-btn{font-size:13px!important}
  .form-foot,.form-foot a{font-size:8.5px!important}
  footer{font-size:7.5px!important}
}

/* ===== Login Compact Layout V5 — original proportions, larger readable type ===== */

/* Restore the original compact page/card proportions */
.login-shell{
  width:min(1220px,calc(100% - 34px))!important;
  padding:34px 0 24px!important;
}

.login-card{
  min-height:590px!important;
  grid-template-columns:minmax(0,.48fr) minmax(420px,.52fr)!important;
  border-radius:38px!important;
}

.login-copy{
  padding:64px 56px!important;
}

.form-panel{
  padding:58px!important;
}

/* Restore hero scale to the original composition;
   the smaller supporting typography remains enlarged */
.login-copy h1{
  font-size:clamp(54px,6vw,84px)!important;
  line-height:.9!important;
  margin:17px 0 22px!important;
}

/* Keep the new readable type sizes */
.eyebrow{font-size:12px!important}
.login-copy>p{font-size:18px!important}
.signal-copy small{font-size:11px!important}
.signal-copy b{font-size:18px!important}
.signal-copy span{font-size:13px!important}
.form-head small{font-size:11px!important}
.form-head strong{font-size:42px!important}
.lock-badge{font-size:9.5px!important}
.field>span{font-size:11px!important}
.input-shell input{font-size:16px!important}
.form-status{font-size:12px!important}
.submit-btn{font-size:15px!important}
.form-foot,.form-foot a{font-size:11px!important}
footer{font-size:9.5px!important}

/* Cancel the previous large-desktop container enlargement */
@media(min-width:1400px){
  .login-shell{
    width:min(1220px,calc(100% - 34px))!important;
  }
  .login-card{
    min-height:590px!important;
  }
  .login-copy{
    padding:64px 56px!important;
  }
  .form-panel{
    padding:58px!important;
  }
  .login-copy h1{
    font-size:clamp(54px,6vw,84px)!important;
  }
  .form-head strong{
    font-size:42px!important;
  }
}

/* Preserve the existing responsive layout */
@media(max-width:900px){
  .login-shell{
    padding-top:90px!important;
    padding-bottom:60px!important;
  }
  .login-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .login-copy{
    padding:44px 34px 30px!important;
  }
  .form-panel{
    padding:38px 34px!important;
  }
  .login-copy h1{
    font-size:60px!important;
  }
}

@media(max-width:600px){
  .login-shell{
    width:calc(100% - 20px)!important;
    padding-top:78px!important;
    padding-bottom:24px!important;
  }
  .login-copy{
    padding:34px 22px 25px!important;
  }
  .form-panel{
    padding:29px 20px!important;
  }
  .login-copy h1{
    font-size:48px!important;
  }
}

/* ===== Login Font +2 V6 — typography only ===== */
.brand-word{font-size:21px!important}
.brand-text small{font-size:12px!important}

.eyebrow{font-size:14px!important}
.login-copy>p{font-size:20px!important}
.signal-copy small{font-size:13px!important}
.signal-copy b{font-size:20px!important}
.signal-copy span{font-size:15px!important}

.form-head small{font-size:13px!important}
.form-head strong{font-size:44px!important}
.lock-badge{font-size:11.5px!important}
.field>span{font-size:13px!important}
.input-shell input{font-size:18px!important}
.form-status{font-size:14px!important}
.submit-btn{font-size:17px!important}
.form-foot,.form-foot a{font-size:13px!important}
footer{font-size:11.5px!important}

/* Keep mobile readable, still +2-ish from previous scale */
@media(max-width:900px){
  .brand-word{font-size:18px!important}
  .brand-text small{font-size:11px!important}
  .eyebrow{font-size:12px!important}
  .login-copy>p{font-size:17px!important}
  .signal-copy small{font-size:11px!important}
  .signal-copy b{font-size:17px!important}
  .signal-copy span{font-size:13px!important}
  .form-head small{font-size:11.5px!important}
  .form-head strong{font-size:37px!important}
  .field>span{font-size:11.5px!important}
  .input-shell input{font-size:16.5px!important}
  .form-status{font-size:12.5px!important}
  .submit-btn{font-size:15.5px!important}
  .form-foot,.form-foot a{font-size:11px!important}
  footer{font-size:10px!important}
}

@media(max-width:600px){
  .brand-word{font-size:16px!important}
  .brand-text small{font-size:10px!important}
  .eyebrow{font-size:11px!important}
  .login-copy>p{font-size:15.5px!important}
  .signal-copy small{font-size:10px!important}
  .signal-copy b{font-size:15px!important}
  .signal-copy span{font-size:12px!important}
  .form-head small{font-size:10.5px!important}
  .form-head strong{font-size:33px!important}
  .field>span{font-size:10.5px!important}
  .input-shell input{font-size:16px!important}
  .form-status{font-size:11.5px!important}
  .submit-btn{font-size:15px!important}
  .form-foot,.form-foot a{font-size:10.5px!important}
  footer{font-size:9.5px!important}
}

/* ===== Login Desktop Match V7 — reproduce browser 90% appearance at 100% ===== */
@media(min-width:901px){
  .login-shell{
    width:min(1098px,calc(100% - 48px))!important;
    padding:31px 0 22px!important;
  }

  .login-card{
    min-height:531px!important;
    grid-template-columns:minmax(0,.48fr) minmax(378px,.52fr)!important;
    border-radius:34px!important;
  }

  .login-copy{
    padding:58px 50px!important;
  }

  .form-panel{
    padding:52px!important;
  }

  .brand{
    top:23px!important;
  }

  .brand-mark{
    width:47px!important;
    height:47px!important;
    border-radius:14px!important;
  }

  .brand-mark svg{
    width:31px!important;
    height:31px!important;
  }

  .brand-word{
    font-size:19px!important;
  }

  .brand-text small{
    font-size:11px!important;
  }

  .login-copy h1{
    font-size:clamp(49px,5.4vw,76px)!important;
    margin:15px 0 20px!important;
  }

  .eyebrow{font-size:12.5px!important}
  .login-copy>p{font-size:18px!important}

  .signal-card{
    width:min(100%,360px)!important;
    margin-top:34px!important;
    padding:15px!important;
    grid-template-columns:65px 1fr!important;
    gap:15px!important;
    border-radius:18px!important;
  }

  .signal-orbit{
    width:65px!important;
    height:65px!important;
  }

  .signal-copy small{font-size:11px!important}
  .signal-copy b{font-size:18px!important}
  .signal-copy span{font-size:13px!important}

  .form-head{
    margin-bottom:27px!important;
  }

  .form-head small{font-size:11.5px!important}
  .form-head strong{font-size:40px!important}
  .lock-badge{
    height:30px!important;
    padding:0 12px!important;
    font-size:10px!important;
  }

  #loginForm{
    gap:19px!important;
  }

  .field{
    gap:9px!important;
  }

  .field>span{
    font-size:11.5px!important;
  }

  .input-shell{
    height:56px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    padding:0 11px!important;
    border-radius:14px!important;
  }

  .input-icon{
    width:31px!important;
    height:31px!important;
    border-radius:9px!important;
  }

  .input-shell input{
    font-size:16px!important;
  }

  .show-password{
    width:32px!important;
    height:32px!important;
  }

  .form-status{
    min-height:20px!important;
    font-size:12px!important;
  }

  .submit-btn{
    height:52px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }

  .submit-btn b{
    width:31px!important;
    height:31px!important;
  }

  .form-foot{
    margin-top:23px!important;
    padding-top:16px!important;
    font-size:11px!important;
  }

  .form-foot a{
    font-size:11px!important;
  }

  footer{
    bottom:15px!important;
    font-size:10px!important;
  }
}

/* ===== Login submit interaction V8 ===== */
.submit-btn{
  cursor:pointer!important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
}

.submit-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(73,89,178,.28)!important;
  filter:brightness(1.025);
}

.submit-btn:hover b{
  transform:translate(2px,-2px);
}

.submit-btn:active{
  transform:translateY(0) scale(.992)!important;
}

.submit-btn b{
  transition:transform .18s ease,background .18s ease!important;
  pointer-events:none;
}

.submit-btn span{
  pointer-events:none;
}

.submit-btn:disabled{
  cursor:wait!important;
}

/* ===== AIMA Mail unified typography V9 ===== */
:root{
  --mail-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body,button,input,textarea{
  font-family:var(--mail-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ~10% typography lift, preserving the existing card geometry */
.brandcopy b,
.brand-word{font-size:13px!important}
.brandcopy small,
.brand-text small{font-size:7px!important}
.eyebrow{font-size:9px!important}
.login-copy>p{font-size:13px!important;line-height:1.75!important}
.signal-copy small{font-size:8px!important}
.signal-copy b{font-size:12px!important}
.signal-copy span{font-size:9px!important}
.form-head small{font-size:9px!important}
.form-head strong{font-size:31px!important}
.lock-badge{font-size:8px!important}
.field>span{font-size:9px!important}
.input-icon{font-size:10px!important}
.input-shell input{font-size:12px!important}
.form-status{font-size:9px!important;line-height:1.55!important}
.submit-btn{font-size:11px!important}
.form-foot{font-size:8.5px!important}
footer{font-size:8px!important}

@media(max-width:600px){
  .login-copy>p{font-size:12px!important}
  .form-head strong{font-size:27px!important}
  .field>span{font-size:8.5px!important}
  .input-shell input{font-size:12px!important}
  .form-status{font-size:8.5px!important}
  .submit-btn{font-size:10.5px!important}
  .form-foot{font-size:8px!important}
}