/* PHILADONF AUDIT SUITE - R15 R15 R3 - CLEAN CYBER PREMIUM PORTAL
   Login-only consolidated visual layer. Replaces R15 R15 R1. No auth/API/business logic changes. */

body.as-login-page{
  --lp-cyan:#63e9f0;
  --lp-cyan-strong:#27d4e1;
  --lp-blue:#5d7cff;
  --lp-indigo:#7569ff;
  --lp-ink:#061120;
  --lp-panel:rgba(5,18,38,.90);
  --lp-panel-soft:rgba(10,28,53,.76);
  --lp-line:rgba(129,190,239,.24);
  --lp-line-strong:rgba(103,217,241,.48);
  --lp-text:#f7fbff;
  --lp-muted:#8fa7c4;
  background:#020b16;
}

/* Background: calmer, deeper and more premium while preserving the existing cyber artwork. */
body.as-login-page .as-login-bg::before{
  filter:saturate(1.08) contrast(1.08) brightness(.88);
}
body.as-login-page .as-login-bg::after{
  background:
    radial-gradient(720px 520px at 50% 48%,rgba(45,157,255,.14),transparent 66%),
    radial-gradient(520px 390px at 77% 71%,rgba(30,220,215,.085),transparent 70%),
    radial-gradient(520px 390px at 18% 24%,rgba(102,93,255,.075),transparent 72%),
    linear-gradient(180deg,rgba(2,9,20,.05),rgba(1,7,16,.22));
}
body.as-login-page .as-login-vignette{
  box-shadow:inset 0 0 210px 58px rgba(0,5,13,.46);
}
body.as-login-page .as-login-vignette::before{
  width:min(830px,68vw);
  height:min(620px,72vh);
  background:radial-gradient(ellipse,rgba(21,77,130,.08),rgba(1,8,18,.34) 71%,transparent 75%);
  filter:blur(13px);
}

/* Secondary cyber decoration deliberately softened so the card remains the focal point. */
body.as-login-page :is(.as-cyber-rail,.as-cyber-promise){
  color:rgba(176,207,239,.46);
  text-shadow:0 0 18px rgba(57,163,255,.13);
}
body.as-login-page :is(.as-cyber-rail i,.as-cyber-promise i){
  opacity:.72;
}
body.as-login-page .as-login-right-activity{opacity:.54;}
body.as-login-page .as-login-satellite-stage-r1{opacity:.76;}
body.as-login-page .as-login-satellite-stage-r1 .as-orbit{stroke-opacity:.68;}

/* Main shell/card: restrained executive glass instead of a glowing gaming panel. */
body.as-login-page .as-auth-shell{
  padding-inline:12px;
}
body.as-login-page .as-auth-card{
  width:min(430px,calc(100vw - 28px));
  border:1px solid rgba(113,188,236,.42);
  border-radius:24px;
  background:
    linear-gradient(150deg,rgba(10,30,58,.93),rgba(4,15,33,.95));
  box-shadow:
    0 34px 92px rgba(0,0,0,.50),
    0 1px 0 rgba(255,255,255,.055) inset,
    0 0 0 1px rgba(69,154,224,.035),
    0 20px 58px rgba(26,94,174,.10);
  backdrop-filter:blur(26px) saturate(1.12);
}
body.as-login-page .as-auth-card::before{
  height:2px;
  background:linear-gradient(90deg,transparent 4%,rgba(105,105,255,.75) 18%,rgba(74,189,255,.96) 54%,rgba(57,229,209,.78) 82%,transparent 96%) top/100% 2px no-repeat;
  opacity:.92;
}
body.as-login-page .as-auth-card::after{
  opacity:.46;
}
body.as-login-page .as-auth-edge{
  inset:9px;
  border-radius:17px;
  border-color:rgba(125,186,231,.055);
}
body.as-login-page .as-auth-edge::before,
body.as-login-page .as-auth-edge::after{
  opacity:.45;
}
body.as-login-page .as-auth-card-inner{
  padding:27px 30px 23px;
}

/* Brand hierarchy */
body.as-login-page .as-auth-brand{margin-bottom:13px;}
body.as-login-page .as-auth-logo{
  width:64px;
  height:64px;
  margin-bottom:11px;
  border-radius:19px;
  background:linear-gradient(180deg,rgba(16,43,76,.94),rgba(6,23,46,.90));
  border-color:rgba(99,195,245,.38);
  box-shadow:
    0 15px 34px rgba(4,72,145,.24),
    0 1px 0 rgba(255,255,255,.055) inset,
    0 0 28px rgba(64,199,241,.07);
}
body.as-login-page .as-auth-logo svg{width:53px;height:53px;}
body.as-login-page .as-auth-eyebrow{
  margin-bottom:8px;
  color:#8ed9f4;
  font-size:8px;
  letter-spacing:.245em;
}
body.as-login-page .as-auth-brand-copy h1{
  gap:7px;
  font-size:23px;
  letter-spacing:-.035em;
}
body.as-login-page .as-auth-brand-copy h1>span:first-child{font-weight:900;}
body.as-login-page .as-auth-title-light{color:#dfe9f7;font-weight:570;}
body.as-login-page .as-auth-meta{
  margin-top:8px;
  gap:7px;
  color:#91a9c6;
}
body.as-login-page .as-auth-version-title{
  color:#60e1ef;
  font-size:11.5px;
  letter-spacing:.045em;
}
body.as-login-page .as-auth-subtitle{font-size:10px;letter-spacing:.015em;}
body.as-login-page .as-auth-divider{margin:4px 0 3px;}
body.as-login-page .as-auth-divider span{
  width:44px;
  background:linear-gradient(90deg,#6d73ff,#55d9f0);
  box-shadow:0 0 14px rgba(74,184,255,.24);
}
body.as-login-page .as-auth-tagline{
  margin:4px 0 18px;
  color:#aebed1;
  font-size:9.4px;
  letter-spacing:.085em;
  font-weight:650;
}

/* Fields: stronger readability and less visual noise. */
body.as-login-page .as-auth-field{margin-bottom:13px;}
body.as-login-page .as-auth-field label{
  margin-bottom:7px;
  color:#c8d6e7;
  font-size:9.7px;
  letter-spacing:.085em;
  font-weight:780;
}
body.as-login-page .as-auth-control input{
  height:49px;
  border-radius:12px;
  border-color:rgba(130,178,224,.32);
  background:linear-gradient(180deg,rgba(15,39,69,.75),rgba(10,30,55,.83));
  color:#f8fbff;
  padding-left:44px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.025) inset,
    0 9px 24px rgba(0,0,0,.08);
}
body.as-login-page .as-auth-control input::placeholder{color:#7f96b2;}
body.as-login-page .as-auth-field-icon{
  left:14px;
  width:17px;
  height:17px;
  stroke:#9bb1cd;
}
body.as-login-page .as-auth-control input:hover{
  border-color:rgba(130,201,242,.48);
  background:linear-gradient(180deg,rgba(18,45,78,.80),rgba(11,33,60,.88));
}
body.as-login-page .as-auth-control input:focus{
  transform:none;
  border-color:#55d4e8;
  background:linear-gradient(180deg,rgba(18,47,81,.88),rgba(11,35,64,.92));
  box-shadow:
    0 0 0 3px rgba(62,202,224,.11),
    0 12px 30px rgba(0,0,0,.11),
    0 0 26px rgba(36,169,225,.075);
}
body.as-login-page .as-password-toggle{
  right:8px;
  width:33px;
  height:33px;
  border:1px solid transparent;
  border-radius:9px;
  color:#849cba;
}
body.as-login-page .as-password-toggle:hover{
  border-color:rgba(111,182,224,.14);
  background:rgba(81,149,204,.08);
  color:#d6e6f7;
}

/* Primary action: suite cyan/blue signature, more solid and less flashy. */
body.as-login-page .as-auth-submit{
  height:50px;
  margin-top:6px;
  border-radius:12px;
  border-color:rgba(109,225,240,.52);
  background:linear-gradient(100deg,#4d63f2 0%,#397ff3 46%,#29bcd7 100%);
  font-size:14px;
  font-weight:820;
  box-shadow:
    0 15px 34px rgba(27,91,210,.24),
    0 1px 0 rgba(255,255,255,.18) inset,
    0 0 24px rgba(53,190,226,.08);
}
body.as-login-page .as-auth-submit::after{
  border-radius:10px;
  border-color:rgba(255,255,255,.075);
}
body.as-login-page .as-auth-submit:hover:not(:disabled){
  filter:brightness(1.045) saturate(1.04);
  transform:translateY(-1px);
  box-shadow:
    0 18px 40px rgba(29,94,215,.29),
    0 0 30px rgba(49,196,228,.10);
}
body.as-login-page .as-auth-submit:focus-visible{
  outline:3px solid rgba(85,214,232,.25);
  outline-offset:3px;
}

/* Capability strip becomes a subtle product signature rather than decorative text. */
body.as-login-page .as-auth-capabilities{
  gap:7px;
  margin-top:14px;
  padding-top:11px;
  border-top-color:rgba(111,164,216,.10);
  color:#7890ad;
  font-size:7.5px;
  letter-spacing:.14em;
}
body.as-login-page .as-auth-capabilities span{
  padding:4px 6px;
  border:1px solid rgba(113,162,207,.11);
  border-radius:999px;
  background:rgba(19,47,78,.20);
}
body.as-login-page .as-auth-capabilities i{
  width:2px;height:2px;background:#607a99;
}
body.as-login-page .as-auth-message{
  min-height:14px;
  margin-top:6px;
  color:#ff8898;
  font-size:10px;
}

/* Theme toggle and footer inherit the same material language. */
body.as-login-page .as-login-theme-toggle{
  width:40px;
  height:40px;
  border-radius:12px;
  border-color:rgba(120,186,235,.26);
  background:linear-gradient(180deg,rgba(13,35,64,.88),rgba(5,19,40,.92));
  color:#d8e9f7;
  box-shadow:0 10px 30px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.045) inset;
}
body.as-login-page .as-login-theme-toggle:hover{
  border-color:rgba(95,215,235,.46);
  box-shadow:0 14px 34px rgba(0,0,0,.27),0 0 18px rgba(47,188,226,.075);
}
body.as-login-page footer.as-commercial-footer.as-commercial-footer{
  border-top-color:rgba(101,155,204,.17)!important;
  background:linear-gradient(180deg,rgba(3,13,29,.86),rgba(2,10,23,.97))!important;
  box-shadow:0 -10px 32px rgba(0,0,0,.13)!important;
}
body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button){
  color:#a4b5ca!important;
}
body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button):hover,
body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button):focus-visible{
  color:#eef7ff!important;
  background:rgba(71,137,194,.075)!important;
  border-color:rgba(106,186,222,.12)!important;
}
body.as-login-page footer.as-commercial-footer.as-commercial-footer .as-foot-contact{
  color:#7de3d2!important;
}

/* Light mode: clean steel/glass rather than pale washed-out gradients. */
html[data-as-ui-theme="light"] body.as-login-page{
  --lp-text:#10253c;
  --lp-muted:#60778e;
  color:#10253c!important;
  background:#bdcfdd!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-bg::before{
  filter:saturate(.78) contrast(.96) brightness(1.10)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-bg::after{
  background:
    radial-gradient(690px 500px at 50% 46%,rgba(37,115,178,.18),transparent 66%),
    radial-gradient(500px 360px at 79% 72%,rgba(23,151,161,.105),transparent 71%),
    radial-gradient(520px 390px at 17% 24%,rgba(70,87,175,.10),transparent 72%),
    linear-gradient(180deg,rgba(235,243,248,.11),rgba(160,188,211,.20))!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-vignette{
  box-shadow:inset 0 0 180px 42px rgba(34,66,94,.16)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-card{
  border-color:rgba(66,118,159,.44)!important;
  background:linear-gradient(150deg,rgba(235,242,248,.96),rgba(209,224,236,.96))!important;
  box-shadow:
    0 32px 82px rgba(23,52,78,.24),
    0 1px 0 rgba(255,255,255,.76) inset,
    0 0 0 1px rgba(255,255,255,.20)!important;
  backdrop-filter:blur(26px) saturate(1.02)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-card::before{
  background:linear-gradient(90deg,transparent 4%,rgba(85,88,215,.68) 18%,rgba(29,137,195,.88) 54%,rgba(17,151,143,.70) 82%,transparent 96%) top/100% 2px no-repeat!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-card::after{opacity:.24!important;mix-blend-mode:multiply!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-edge{border-color:rgba(56,102,139,.12)!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-logo{
  background:linear-gradient(180deg,rgba(235,243,249,.98),rgba(211,226,238,.98))!important;
  border-color:rgba(59,125,173,.34)!important;
  box-shadow:0 12px 28px rgba(30,67,96,.14),0 1px 0 rgba(255,255,255,.82) inset!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-eyebrow{color:#1f688b!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-brand-copy h1{color:#10243a!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-title-light{color:#40566d!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-meta{color:#5e7388!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-version-title{color:#087990!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-tagline{color:#50677d!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-field label{color:#2e485f!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-field-icon{stroke:#5f7890!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input{
  color-scheme:light!important;
  color:#10243a!important;
  border-color:#9db6ca!important;
  background:linear-gradient(180deg,rgba(244,248,251,.98),rgba(220,231,240,.99))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.80) inset,0 8px 20px rgba(33,63,88,.07)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input::placeholder{color:#74889b!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input:hover{
  border-color:#799db8!important;
  background:linear-gradient(180deg,#f7fafc,#e2edf5)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input:focus{
  border-color:#2285b8!important;
  background:#f1f7fb!important;
  box-shadow:0 0 0 3px rgba(26,132,184,.12),0 10px 24px rgba(34,67,94,.09)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-capabilities{
  color:#62778b!important;
  border-top-color:rgba(81,121,154,.20)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-capabilities span{
  border-color:rgba(80,119,151,.18)!important;
  background:rgba(237,244,249,.45)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-theme-toggle{
  border-color:#8aa7bd!important;
  background:linear-gradient(180deg,rgba(236,243,248,.98),rgba(211,224,235,.98))!important;
  color:#2b4960!important;
  box-shadow:0 10px 28px rgba(33,61,84,.14),0 1px 0 rgba(255,255,255,.80) inset!important;
}
html[data-as-ui-theme="light"] body.as-login-page footer.as-commercial-footer.as-commercial-footer{
  border-top-color:rgba(77,112,142,.22)!important;
  background:linear-gradient(180deg,rgba(194,213,227,.92),rgba(178,201,218,.97))!important;
  box-shadow:0 -8px 24px rgba(31,57,80,.09)!important;
  color:#425a6f!important;
}
html[data-as-ui-theme="light"] body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button){color:#405a70!important;}
html[data-as-ui-theme="light"] body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button):hover,
html[data-as-ui-theme="light"] body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button):focus-visible{
  color:#16364e!important;
  background:rgba(231,240,247,.54)!important;
  border-color:rgba(76,119,153,.15)!important;
}
html[data-as-ui-theme="light"] body.as-login-page footer.as-commercial-footer.as-commercial-footer .as-foot-contact{color:#0d7168!important;}

/* Responsive and short-height tuning. */
@media (min-width:761px) and (max-height:760px){
  body.as-login-page .as-auth-card{width:min(418px,calc(100vw - 28px));}
  body.as-login-page .as-auth-card-inner{padding:20px 27px 17px;}
  body.as-login-page .as-auth-logo{width:55px;height:55px;margin-bottom:7px;}
  body.as-login-page .as-auth-logo svg{width:46px;height:46px;}
  body.as-login-page .as-auth-tagline{margin-bottom:12px;}
  body.as-login-page .as-auth-control input{height:44px;}
  body.as-login-page .as-auth-submit{height:46px;}
  body.as-login-page .as-auth-capabilities{margin-top:9px;padding-top:8px;}
}
@media (max-width:700px){
  body.as-login-page .as-auth-shell{padding-inline:0;}
  body.as-login-page .as-auth-card{width:min(100%,420px);border-radius:20px;}
  body.as-login-page .as-auth-card-inner{padding:22px 17px 18px;}
  body.as-login-page .as-auth-logo{width:56px;height:56px;border-radius:17px;}
  body.as-login-page .as-auth-logo svg{width:47px;height:47px;}
  body.as-login-page .as-auth-brand-copy h1{font-size:20px;}
  body.as-login-page .as-auth-capabilities{gap:5px;letter-spacing:.10em;}
  body.as-login-page .as-auth-capabilities span{padding:3px 5px;}
}
@media (max-width:420px){
  body.as-login-page .as-auth-card-inner{padding:19px 14px 16px;}
  body.as-login-page .as-auth-brand-copy h1{font-size:18.5px;}
  body.as-login-page .as-auth-control input{height:45px;}
  body.as-login-page .as-auth-submit{height:47px;}
}

/* Accessibility: respect reduced motion, overriding older login motion layers. */
@media (prefers-reduced-motion:reduce){
  body.as-login-page .as-login-satellite-stage-r1 *,
  body.as-login-page .as-login-right-activity *,
  body.as-login-page .as-auth-card,
  body.as-login-page .as-auth-card::after,
  body.as-login-page .as-auth-submit-shine{
    animation:none!important;
    transition:none!important;
  }
}


/* ======================================================================
   R15 R15 R2 - SIGNATURE PORTAL REDESIGN
   Visible redesign: stronger brand hierarchy + layered executive console.
   ====================================================================== */

body.as-login-page{
  --r2-card:#071a31;
  --r2-card-deep:#041122;
  --r2-form:rgba(3,14,29,.72);
  --r2-stroke:rgba(112,195,239,.30);
  --r2-stroke-strong:rgba(91,222,235,.56);
  --r2-muted:#8ea8c5;
  --r2-soft:#b8c9db;
}

/* Stronger stage focus without replacing the validated cyber artwork. */
body.as-login-page .as-login-bg::after{
  background:
    radial-gradient(760px 600px at 50% 46%,rgba(38,156,255,.19),transparent 65%),
    radial-gradient(660px 470px at 50% 70%,rgba(25,224,205,.075),transparent 72%),
    radial-gradient(540px 430px at 13% 30%,rgba(84,93,255,.075),transparent 72%),
    linear-gradient(180deg,rgba(2,8,18,.03),rgba(1,7,16,.26))!important;
}
body.as-login-page .as-login-vignette{
  box-shadow:inset 0 0 230px 64px rgba(0,4,12,.52)!important;
}
body.as-login-page :is(.as-cyber-rail,.as-cyber-promise){
  opacity:.78!important;
  letter-spacing:.18em!important;
}
body.as-login-page .as-login-right-activity{opacity:.72!important;}
body.as-login-page .as-login-satellite-stage-r1{opacity:.72!important;}

/* Main card becomes an executive console with a distinct brand deck + form deck. */
body.as-login-page .as-auth-card{
  width:min(476px,calc(100vw - 30px))!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(109,194,241,.43)!important;
  background:
    linear-gradient(155deg,rgba(11,32,60,.97),rgba(3,13,29,.98))!important;
  box-shadow:
    0 44px 120px rgba(0,0,0,.58),
    0 0 0 1px rgba(69,170,232,.045),
    0 1px 0 rgba(255,255,255,.07) inset,
    0 24px 76px rgba(17,96,189,.15)!important;
}
body.as-login-page .as-auth-card::before{
  height:3px!important;
  background:linear-gradient(90deg,
    transparent 2%,
    #6d6dff 17%,
    #3aa9ff 45%,
    #51e6e2 71%,
    transparent 98%) top/100% 3px no-repeat!important;
  opacity:1!important;
}
body.as-login-page .as-auth-card::after{
  opacity:.66!important;
  background:
    radial-gradient(520px 180px at 50% -8%,rgba(88,195,255,.14),transparent 68%),
    linear-gradient(120deg,rgba(255,255,255,.025),transparent 42%)!important;
  pointer-events:none!important;
}
body.as-login-page .as-auth-edge{
  inset:10px!important;
  border-radius:19px!important;
  border-color:rgba(124,194,236,.065)!important;
}
body.as-login-page .as-auth-card-inner{
  padding:0!important;
  position:relative!important;
  z-index:2!important;
}

/* Brand deck - immediate visual change versus R1. */
body.as-login-page .as-auth-brand{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  margin:0!important;
  padding:31px 30px 25px!important;
  text-align:left!important;
  background:
    linear-gradient(135deg,rgba(19,51,88,.54),rgba(7,25,49,.13) 58%,rgba(4,18,36,.02)),
    radial-gradient(260px 140px at 10% 0%,rgba(71,187,255,.10),transparent 72%)!important;
  border-bottom:1px solid rgba(115,177,222,.12)!important;
}
body.as-login-page .as-auth-logo{
  width:70px!important;
  height:70px!important;
  margin:0!important;
  border-radius:21px!important;
  background:linear-gradient(155deg,rgba(19,53,91,.98),rgba(5,20,42,.98))!important;
  border:1px solid rgba(94,204,243,.44)!important;
  box-shadow:
    0 18px 38px rgba(0,72,153,.30),
    0 0 0 5px rgba(52,165,232,.045),
    0 1px 0 rgba(255,255,255,.07) inset!important;
}
body.as-login-page .as-auth-logo svg{width:60px!important;height:60px!important;}
body.as-login-page .as-auth-brand-copy{min-width:0!important;}
body.as-login-page .as-auth-eyebrow{
  margin:0 0 7px!important;
  color:#72dbe9!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
  text-align:left!important;
}
body.as-login-page .as-auth-brand-copy h1{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  margin:0!important;
  line-height:1!important;
  text-align:left!important;
}
body.as-login-page .as-auth-brand-copy h1>span:first-child{
  color:#8fa9c6!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.20em!important;
  line-height:1.25!important;
}
body.as-login-page .as-auth-title-light{
  color:#f7fbff!important;
  font-size:29px!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:1.06!important;
}
body.as-login-page .as-auth-meta{
  justify-content:flex-start!important;
  margin-top:9px!important;
  gap:7px!important;
  color:#91a8c3!important;
  text-align:left!important;
}
body.as-login-page .as-auth-version-title{
  color:#59dfe9!important;
  font-size:11px!important;
  font-weight:850!important;
}
body.as-login-page .as-auth-subtitle{font-size:10.5px!important;font-weight:650!important;}
body.as-login-page .as-auth-dot{color:#496b8c!important;}

/* Use divider + tagline as a compact section introduction. */
body.as-login-page .as-auth-divider{
  width:auto!important;
  height:1px!important;
  margin:0 30px!important;
  background:linear-gradient(90deg,rgba(90,136,178,.08),rgba(81,205,229,.35),rgba(90,136,178,.08))!important;
}
body.as-login-page .as-auth-divider span{display:none!important;}
body.as-login-page .as-auth-tagline{
  margin:17px 30px 10px!important;
  color:#c2d0df!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-align:left!important;
}

/* Form deck: a clearly differentiated, tactile working surface. */
body.as-login-page .as-auth-form{
  margin:0 18px 18px!important;
  padding:22px 20px 20px!important;
  border:1px solid rgba(106,169,217,.17)!important;
  border-radius:19px!important;
  background:
    linear-gradient(180deg,rgba(3,14,30,.78),rgba(3,13,27,.64))!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.20),
    0 1px 0 rgba(255,255,255,.028) inset!important;
}
body.as-login-page .as-auth-field{margin-bottom:15px!important;}
body.as-login-page .as-auth-field label{
  display:flex!important;
  align-items:center!important;
  margin-bottom:7px!important;
  color:#a9bdd2!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
body.as-login-page .as-auth-control{position:relative!important;}
body.as-login-page .as-auth-control input{
  min-height:55px!important;
  border-radius:14px!important;
  border:1px solid rgba(105,169,218,.37)!important;
  background:linear-gradient(180deg,rgba(12,36,67,.95),rgba(7,26,50,.96))!important;
  color:#f5fbff!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.045) inset,
    0 10px 24px rgba(0,0,0,.14)!important;
}
body.as-login-page .as-auth-control input:hover{
  border-color:rgba(101,202,238,.55)!important;
  background:linear-gradient(180deg,rgba(14,42,76,.97),rgba(8,29,56,.98))!important;
}
body.as-login-page .as-auth-control input:focus{
  border-color:#52d5e5!important;
  background:linear-gradient(180deg,rgba(14,42,76,.99),rgba(8,30,58,.99))!important;
  box-shadow:
    0 0 0 3px rgba(64,210,228,.13),
    0 12px 28px rgba(0,0,0,.18),
    0 1px 0 rgba(255,255,255,.055) inset!important;
}
body.as-login-page .as-auth-control input::placeholder{color:#738ba7!important;}
body.as-login-page .as-auth-field-icon{
  width:19px!important;
  height:19px!important;
  stroke:#6f8da9!important;
}
body.as-login-page .as-auth-control:focus-within .as-auth-field-icon{stroke:#61dfe9!important;}
body.as-login-page .as-password-toggle{color:#7893ad!important;}
body.as-login-page .as-password-toggle:hover{color:#76e5ed!important;}

/* Primary action now reads as the visual destination of the screen. */
body.as-login-page .as-auth-submit{
  min-height:57px!important;
  margin-top:4px!important;
  border-radius:15px!important;
  border:1px solid rgba(128,240,249,.62)!important;
  background:linear-gradient(102deg,#5d65f4 0%,#447ef7 38%,#27b9da 100%)!important;
  box-shadow:
    0 15px 34px rgba(35,111,234,.27),
    0 1px 0 rgba(255,255,255,.31) inset,
    0 -1px 0 rgba(7,67,145,.28) inset!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
body.as-login-page .as-auth-submit:hover{
  background:linear-gradient(102deg,#6670ff 0%,#478cff 40%,#28c5df 100%)!important;
  box-shadow:
    0 18px 42px rgba(35,111,234,.34),
    0 1px 0 rgba(255,255,255,.34) inset!important;
}
body.as-login-page .as-auth-submit:active{
  box-shadow:0 8px 20px rgba(35,111,234,.24),0 1px 0 rgba(255,255,255,.26) inset!important;
}
body.as-login-page .as-auth-submit svg{
  width:19px!important;
  height:19px!important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.16))!important;
}

/* Capabilities become four quiet product markers instead of a thin footer sentence. */
body.as-login-page .as-auth-capabilities{
  justify-content:center!important;
  gap:7px!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(104,160,205,.13)!important;
  color:#8199b5!important;
}
body.as-login-page .as-auth-capabilities i{display:none!important;}
body.as-login-page .as-auth-capabilities span{
  padding:5px 8px!important;
  border:1px solid rgba(99,161,210,.17)!important;
  border-radius:999px!important;
  background:rgba(9,31,57,.72)!important;
  font-size:7.6px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
body.as-login-page .as-auth-message{
  margin-top:10px!important;
  border-radius:12px!important;
}

/* Theme control is brought into the same component family as the app controls. */
body.as-login-page .as-login-theme-toggle{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  border-color:rgba(104,177,224,.32)!important;
  background:linear-gradient(180deg,rgba(12,34,62,.94),rgba(5,20,40,.94))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.05) inset!important;
}
body.as-login-page .as-login-theme-toggle:hover{
  border-color:rgba(92,217,235,.52)!important;
  background:linear-gradient(180deg,rgba(16,44,78,.96),rgba(7,26,49,.96))!important;
}

/* Light theme keeps the same strong composition instead of becoming a washed-out variant. */
html[data-as-ui-theme="light"] body.as-login-page{
  --r2-card:#edf4f9;
  --r2-card-deep:#dfeaf2;
  --r2-form:rgba(247,250,252,.88);
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-bg::after{
  background:
    radial-gradient(760px 600px at 50% 46%,rgba(27,132,190,.13),transparent 65%),
    radial-gradient(660px 470px at 50% 70%,rgba(21,154,148,.07),transparent 72%),
    linear-gradient(180deg,rgba(239,246,250,.06),rgba(161,188,209,.18))!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-card{
  border-color:rgba(65,123,163,.40)!important;
  background:linear-gradient(155deg,rgba(242,247,250,.98),rgba(219,231,240,.98))!important;
  box-shadow:
    0 40px 100px rgba(30,61,86,.24),
    0 1px 0 rgba(255,255,255,.90) inset,
    0 0 0 1px rgba(255,255,255,.24)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-card::after{
  background:radial-gradient(520px 180px at 50% -8%,rgba(76,166,216,.14),transparent 68%)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-brand{
  background:
    linear-gradient(135deg,rgba(222,236,246,.95),rgba(237,244,249,.70) 58%,rgba(229,239,247,.45)),
    radial-gradient(260px 140px at 10% 0%,rgba(65,166,218,.12),transparent 72%)!important;
  border-bottom-color:rgba(77,120,153,.16)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-logo{
  background:linear-gradient(155deg,#edf5fa,#d8e8f3)!important;
  border-color:rgba(45,127,176,.38)!important;
  box-shadow:0 16px 34px rgba(35,79,111,.17),0 0 0 5px rgba(66,154,207,.05),0 1px 0 #fff inset!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-eyebrow{color:#247493!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-brand-copy h1>span:first-child{color:#607b92!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-title-light{color:#11283e!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-meta{color:#61798f!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-version-title{color:#087d8e!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-divider{
  background:linear-gradient(90deg,rgba(75,116,149,.05),rgba(23,138,173,.28),rgba(75,116,149,.05))!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-tagline{color:#506b82!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-form{
  border-color:rgba(75,121,156,.17)!important;
  background:linear-gradient(180deg,rgba(250,252,253,.90),rgba(229,238,245,.78))!important;
  box-shadow:0 14px 32px rgba(40,72,96,.08),0 1px 0 rgba(255,255,255,.88) inset!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-field label{color:#36546c!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input{
  color:#10243a!important;
  border-color:#9db8cb!important;
  background:linear-gradient(180deg,#f9fbfc,#e7eff5)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.90) inset,0 8px 18px rgba(35,64,88,.06)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input:hover{
  border-color:#719bb9!important;
  background:linear-gradient(180deg,#fff,#edf4f8)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input:focus{
  border-color:#268eb3!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(32,142,179,.12),0 10px 22px rgba(36,68,92,.08)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input::placeholder{color:#768b9d!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-field-icon{stroke:#607e96!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-capabilities{
  border-top-color:rgba(76,119,151,.16)!important;
  color:#62798e!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-capabilities span{
  border-color:rgba(79,119,151,.17)!important;
  background:rgba(237,244,248,.86)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-theme-toggle{
  border-color:#91aabd!important;
  background:linear-gradient(180deg,#f1f6f9,#dce8f0)!important;
  color:#294a62!important;
  box-shadow:0 10px 24px rgba(43,72,94,.12),0 1px 0 #fff inset!important;
}

/* Short viewport and mobile retain the visible redesign without forcing scroll overflow. */
@media (max-height:760px) and (min-width:641px){
  body.as-login-page .as-auth-card{width:min(458px,calc(100vw - 28px))!important;}
  body.as-login-page .as-auth-brand{grid-template-columns:60px minmax(0,1fr)!important;padding:20px 25px 17px!important;gap:15px!important;}
  body.as-login-page .as-auth-logo{width:60px!important;height:60px!important;border-radius:18px!important;}
  body.as-login-page .as-auth-logo svg{width:52px!important;height:52px!important;}
  body.as-login-page .as-auth-title-light{font-size:25px!important;}
  body.as-login-page .as-auth-tagline{margin:12px 25px 7px!important;}
  body.as-login-page .as-auth-divider{margin-inline:25px!important;}
  body.as-login-page .as-auth-form{margin:0 15px 15px!important;padding:16px 17px 15px!important;}
  body.as-login-page .as-auth-control input{min-height:49px!important;}
  body.as-login-page .as-auth-submit{min-height:50px!important;}
  body.as-login-page .as-auth-capabilities{margin-top:9px!important;padding-top:9px!important;}
}
@media (max-width:640px){
  body.as-login-page .as-auth-card{width:min(446px,calc(100vw - 22px))!important;border-radius:24px!important;}
  body.as-login-page .as-auth-brand{grid-template-columns:58px minmax(0,1fr)!important;padding:24px 20px 20px!important;gap:14px!important;}
  body.as-login-page .as-auth-logo{width:58px!important;height:58px!important;border-radius:18px!important;}
  body.as-login-page .as-auth-logo svg{width:50px!important;height:50px!important;}
  body.as-login-page .as-auth-title-light{font-size:24px!important;}
  body.as-login-page .as-auth-brand-copy h1>span:first-child{font-size:8.5px!important;}
  body.as-login-page .as-auth-eyebrow{font-size:7px!important;letter-spacing:.17em!important;}
  body.as-login-page .as-auth-meta{margin-top:7px!important;}
  body.as-login-page .as-auth-subtitle{font-size:9.4px!important;}
  body.as-login-page .as-auth-divider{margin-inline:20px!important;}
  body.as-login-page .as-auth-tagline{margin:14px 20px 9px!important;font-size:9px!important;}
  body.as-login-page .as-auth-form{margin:0 11px 11px!important;padding:18px 15px 16px!important;border-radius:17px!important;}
  body.as-login-page .as-auth-control input{min-height:52px!important;}
  body.as-login-page .as-auth-submit{min-height:54px!important;}
  body.as-login-page .as-auth-capabilities{gap:5px!important;}
  body.as-login-page .as-auth-capabilities span{padding:4px 6px!important;font-size:6.8px!important;letter-spacing:.10em!important;}
}
@media (max-width:380px){
  body.as-login-page .as-auth-brand{grid-template-columns:52px minmax(0,1fr)!important;padding:20px 16px 17px!important;gap:11px!important;}
  body.as-login-page .as-auth-logo{width:52px!important;height:52px!important;}
  body.as-login-page .as-auth-logo svg{width:45px!important;height:45px!important;}
  body.as-login-page .as-auth-title-light{font-size:21px!important;}
  body.as-login-page .as-auth-form{padding:15px 13px!important;}
  body.as-login-page .as-auth-tagline{margin-inline:17px!important;}
  body.as-login-page .as-auth-divider{margin-inline:17px!important;}
}


/* ======================================================================
   R15 R15 R3 - CLEAN CYBER PREMIUM PORTAL
   Requested correction: remove non-essential background wording and make
   the portal visibly more premium without touching authentication logic.
   ====================================================================== */

/* The decorative background becomes 100% graphic: no redundant side copy. */
body.as-login-page .as-cyber-rail,
body.as-login-page .as-cyber-promise{
  display:none!important;
}

/* Stronger cinematic stage, while keeping the validated artwork itself. */
body.as-login-page .as-login-bg::before{
  filter:saturate(1.18) contrast(1.12) brightness(.84)!important;
}
body.as-login-page .as-login-bg::after{
  background:
    radial-gradient(820px 640px at 50% 47%,rgba(23,151,255,.20),transparent 63%),
    radial-gradient(610px 470px at 72% 68%,rgba(41,225,214,.105),transparent 69%),
    radial-gradient(560px 430px at 18% 28%,rgba(91,92,255,.09),transparent 70%),
    linear-gradient(180deg,rgba(0,7,17,.01),rgba(1,7,17,.30))!important;
}
body.as-login-page .as-login-vignette{
  box-shadow:
    inset 0 0 250px 72px rgba(0,4,12,.58),
    inset 0 -110px 160px rgba(1,9,22,.30)!important;
}
body.as-login-page .as-login-right-activity{opacity:.84!important;filter:saturate(1.08)!important;}
body.as-login-page .as-login-satellite-stage-r1{opacity:.88!important;filter:saturate(1.12)!important;}
body.as-login-page .as-login-satellite-stage-r1 .as-orbit{stroke-opacity:.76!important;}

/* Card: deeper executive glass, cleaner silhouette and stronger hierarchy. */
body.as-login-page .as-auth-card{
  width:min(492px,calc(100vw - 30px))!important;
  border-radius:31px!important;
  border:1px solid rgba(111,207,244,.53)!important;
  background:
    linear-gradient(145deg,rgba(11,35,67,.975),rgba(3,13,30,.985) 58%,rgba(2,10,23,.99))!important;
  box-shadow:
    0 54px 138px rgba(0,0,0,.62),
    0 0 0 1px rgba(89,182,244,.055),
    0 1px 0 rgba(255,255,255,.085) inset,
    0 28px 92px rgba(18,105,215,.18),
    0 0 58px rgba(33,195,226,.075)!important;
  backdrop-filter:blur(30px) saturate(1.18)!important;
}
body.as-login-page .as-auth-card::before{
  height:3px!important;
  background:linear-gradient(90deg,
    transparent 1%,#756fff 15%,#449cff 38%,#54e8ef 69%,#56e1c8 86%,transparent 99%) top/100% 3px no-repeat!important;
  box-shadow:0 0 22px rgba(76,202,243,.23)!important;
}
body.as-login-page .as-auth-card::after{
  opacity:.82!important;
  background:
    radial-gradient(480px 175px at 50% -6%,rgba(100,210,255,.18),transparent 66%),
    linear-gradient(122deg,rgba(255,255,255,.032),transparent 38%)!important;
}
body.as-login-page .as-auth-edge{
  inset:11px!important;
  border-radius:21px!important;
  border-color:rgba(133,209,245,.085)!important;
}

/* Brand deck: more luxurious, cleaner and less boxy. */
body.as-login-page .as-auth-brand{
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:20px!important;
  padding:34px 33px 27px!important;
  background:
    radial-gradient(330px 190px at 5% 0%,rgba(51,177,255,.16),transparent 70%),
    linear-gradient(135deg,rgba(20,56,96,.60),rgba(7,25,50,.20) 58%,rgba(4,17,35,.04))!important;
  border-bottom-color:rgba(123,192,235,.15)!important;
}
body.as-login-page .as-auth-logo{
  width:78px!important;
  height:78px!important;
  border-radius:23px!important;
  border-color:rgba(101,223,249,.55)!important;
  background:
    radial-gradient(circle at 32% 24%,rgba(95,215,255,.16),transparent 37%),
    linear-gradient(155deg,rgba(19,58,101,.99),rgba(4,18,40,.99))!important;
  box-shadow:
    0 20px 46px rgba(0,77,166,.36),
    0 0 0 6px rgba(60,176,238,.05),
    0 0 34px rgba(57,216,241,.11),
    0 1px 0 rgba(255,255,255,.10) inset!important;
}
body.as-login-page .as-auth-logo svg{width:66px!important;height:66px!important;}
body.as-login-page .as-auth-eyebrow{
  color:#82e6ef!important;
  font-size:8.4px!important;
  letter-spacing:.235em!important;
}
body.as-login-page .as-auth-brand-copy h1>span:first-child{
  color:#9ab4cf!important;
  font-size:10.5px!important;
}
body.as-login-page .as-auth-title-light{
  font-size:31px!important;
  color:#fff!important;
  text-shadow:0 2px 24px rgba(80,184,255,.10)!important;
}
body.as-login-page .as-auth-version-title{color:#6ceaf0!important;}
body.as-login-page .as-auth-tagline{
  color:#c8d7e6!important;
  margin:18px 33px 11px!important;
}
body.as-login-page .as-auth-divider{margin-inline:33px!important;}

/* Form deck: polished command surface with stronger depth and tactile fields. */
body.as-login-page .as-auth-form{
  margin:0 20px 20px!important;
  padding:23px 22px 21px!important;
  border-radius:20px!important;
  border:1px solid rgba(114,187,234,.22)!important;
  background:
    radial-gradient(420px 150px at 50% 0%,rgba(47,134,217,.075),transparent 70%),
    linear-gradient(180deg,rgba(3,15,32,.84),rgba(3,12,27,.75))!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.24),
    0 1px 0 rgba(255,255,255,.035) inset!important;
}
body.as-login-page .as-auth-field label{
  color:#bfd0e1!important;
  font-size:9.2px!important;
  letter-spacing:.145em!important;
}
body.as-login-page .as-auth-control input{
  min-height:57px!important;
  border-radius:15px!important;
  border-color:rgba(109,186,235,.42)!important;
  background:
    linear-gradient(180deg,rgba(14,42,77,.98),rgba(7,26,52,.985))!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.055) inset,
    0 12px 28px rgba(0,0,0,.16),
    0 0 0 1px rgba(56,135,199,.025)!important;
}
body.as-login-page .as-auth-control input:hover{
  border-color:rgba(102,218,241,.67)!important;
  background:linear-gradient(180deg,rgba(17,48,87,.99),rgba(8,30,58,.99))!important;
}
body.as-login-page .as-auth-control input:focus{
  border-color:#69e3eb!important;
  box-shadow:
    0 0 0 3px rgba(79,221,232,.145),
    0 0 32px rgba(55,184,230,.11),
    0 14px 32px rgba(0,0,0,.19),
    0 1px 0 rgba(255,255,255,.065) inset!important;
}
body.as-login-page .as-auth-field-icon{stroke:#83a5c2!important;}
body.as-login-page .as-auth-control:focus-within .as-auth-field-icon{stroke:#71eef1!important;}

/* CTA: unmistakably primary, premium but controlled. */
body.as-login-page .as-auth-submit{
  min-height:59px!important;
  border-radius:16px!important;
  border-color:rgba(147,247,250,.72)!important;
  background:linear-gradient(101deg,#675eff 0%,#4b7cff 34%,#2cabe7 68%,#27d4d3 100%)!important;
  box-shadow:
    0 18px 42px rgba(35,111,234,.33),
    0 0 28px rgba(46,207,225,.12),
    0 1px 0 rgba(255,255,255,.34) inset,
    0 -1px 0 rgba(4,67,136,.32) inset!important;
  font-size:14.5px!important;
}
body.as-login-page .as-auth-submit:hover:not(:disabled){
  filter:brightness(1.07) saturate(1.06)!important;
  box-shadow:
    0 22px 52px rgba(35,111,234,.40),
    0 0 38px rgba(48,213,228,.16),
    0 1px 0 rgba(255,255,255,.37) inset!important;
}
body.as-login-page .as-auth-submit:focus-visible{
  outline:3px solid rgba(104,239,241,.34)!important;
  outline-offset:4px!important;
}

/* Capability markers stay inside the card, but become quieter and cleaner. */
body.as-login-page .as-auth-capabilities{
  margin-top:13px!important;
  padding-top:12px!important;
  gap:8px!important;
  border-top-color:rgba(111,176,222,.12)!important;
}
body.as-login-page .as-auth-capabilities span{
  padding:5px 9px!important;
  border-color:rgba(111,181,228,.18)!important;
  background:linear-gradient(180deg,rgba(13,41,73,.78),rgba(7,27,52,.74))!important;
  color:#91a9c4!important;
}

/* Footer becomes visually lighter so it does not compete with authentication. */
body.as-login-page footer.as-commercial-footer.as-commercial-footer{
  border-top-color:rgba(92,152,199,.14)!important;
  background:linear-gradient(180deg,rgba(2,11,25,.82),rgba(1,8,19,.96))!important;
  box-shadow:0 -12px 38px rgba(0,0,0,.16)!important;
}
body.as-login-page footer.as-commercial-footer.as-commercial-footer :is(a,button){
  color:#91a4b9!important;
}
body.as-login-page footer.as-commercial-footer.as-commercial-footer .as-foot-contact{
  color:#7fe8d8!important;
}

/* Light mode: same premium composition, with cleaner graphite/steel contrast. */
html[data-as-ui-theme="light"] body.as-login-page{
  background:#b9cbd8!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-bg::before{
  filter:saturate(.82) contrast(.98) brightness(1.08)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-bg::after{
  background:
    radial-gradient(800px 610px at 50% 47%,rgba(24,122,186,.15),transparent 64%),
    radial-gradient(610px 470px at 72% 68%,rgba(24,157,153,.085),transparent 69%),
    linear-gradient(180deg,rgba(242,248,251,.04),rgba(154,184,206,.20))!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-login-vignette{
  box-shadow:inset 0 0 210px 54px rgba(30,60,86,.17)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-card{
  border-color:rgba(54,122,169,.49)!important;
  background:linear-gradient(145deg,rgba(239,246,250,.975),rgba(211,226,237,.985))!important;
  box-shadow:
    0 44px 110px rgba(27,55,77,.26),
    0 1px 0 rgba(255,255,255,.88) inset,
    0 0 0 1px rgba(255,255,255,.22)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-brand{
  background:
    radial-gradient(320px 180px at 5% 0%,rgba(42,145,195,.13),transparent 70%),
    linear-gradient(135deg,rgba(226,239,247,.86),rgba(212,227,238,.58))!important;
  border-bottom-color:rgba(66,117,153,.18)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-logo{
  border-color:rgba(35,138,178,.42)!important;
  background:linear-gradient(155deg,rgba(244,249,252,.99),rgba(208,226,239,.99))!important;
  box-shadow:0 18px 38px rgba(32,76,104,.17),0 0 0 6px rgba(36,141,181,.04),0 1px 0 #fff inset!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-brand-copy h1>span:first-child{color:#567089!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-title-light{color:#10263d!important;text-shadow:none!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-tagline{color:#49657c!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-form{
  border-color:rgba(67,121,159,.24)!important;
  background:linear-gradient(180deg,rgba(248,251,253,.88),rgba(225,236,244,.82))!important;
  box-shadow:0 17px 38px rgba(34,67,90,.12),0 1px 0 rgba(255,255,255,.92) inset!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-field label{color:#314e65!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input{
  color:#10253b!important;
  border-color:#91b1c8!important;
  background:linear-gradient(180deg,#f7fafc,#e5eff6)!important;
  box-shadow:0 1px 0 #fff inset,0 10px 24px rgba(37,68,91,.08)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input:hover{border-color:#6799b8!important;}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-control input:focus{
  border-color:#1688a9!important;
  background:#f8fbfd!important;
  box-shadow:0 0 0 3px rgba(20,136,169,.13),0 12px 28px rgba(36,67,91,.10)!important;
}
html[data-as-ui-theme="light"] body.as-login-page .as-auth-capabilities span{
  color:#5a7186!important;
  border-color:rgba(75,120,154,.18)!important;
  background:linear-gradient(180deg,rgba(241,247,250,.88),rgba(219,231,239,.82))!important;
}
html[data-as-ui-theme="light"] body.as-login-page footer.as-commercial-footer.as-commercial-footer{
  border-top-color:rgba(70,110,140,.20)!important;
  background:linear-gradient(180deg,rgba(196,215,228,.90),rgba(177,201,218,.97))!important;
}

/* Short-height and mobile: keep the stronger composition without overflow. */
@media (min-width:761px) and (max-height:760px){
  body.as-login-page .as-auth-card{width:min(455px,calc(100vw - 26px))!important;}
  body.as-login-page .as-auth-brand{grid-template-columns:62px minmax(0,1fr)!important;gap:15px!important;padding:21px 27px 17px!important;}
  body.as-login-page .as-auth-logo{width:62px!important;height:62px!important;}
  body.as-login-page .as-auth-logo svg{width:52px!important;height:52px!important;}
  body.as-login-page .as-auth-title-light{font-size:27px!important;}
  body.as-login-page .as-auth-tagline{margin:12px 27px 8px!important;}
  body.as-login-page .as-auth-form{margin:0 17px 16px!important;padding:17px 18px 15px!important;}
  body.as-login-page .as-auth-control input{min-height:48px!important;}
  body.as-login-page .as-auth-submit{min-height:50px!important;}
  body.as-login-page .as-auth-capabilities{margin-top:9px!important;padding-top:8px!important;}
}
@media (max-width:700px){
  body.as-login-page .as-auth-card{width:min(100%,440px)!important;border-radius:24px!important;}
  body.as-login-page .as-auth-brand{grid-template-columns:62px minmax(0,1fr)!important;gap:14px!important;padding:25px 20px 20px!important;}
  body.as-login-page .as-auth-logo{width:62px!important;height:62px!important;border-radius:19px!important;}
  body.as-login-page .as-auth-logo svg{width:52px!important;height:52px!important;}
  body.as-login-page .as-auth-title-light{font-size:25px!important;}
  body.as-login-page .as-auth-tagline{margin:14px 20px 9px!important;}
  body.as-login-page .as-auth-divider{margin-inline:20px!important;}
  body.as-login-page .as-auth-form{margin:0 12px 14px!important;padding:19px 16px 17px!important;border-radius:17px!important;}
  body.as-login-page .as-auth-control input{min-height:51px!important;}
  body.as-login-page .as-auth-submit{min-height:54px!important;}
}
@media (max-width:420px){
  body.as-login-page .as-auth-brand{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding:21px 15px 17px!important;}
  body.as-login-page .as-auth-logo{width:54px!important;height:54px!important;border-radius:17px!important;}
  body.as-login-page .as-auth-logo svg{width:46px!important;height:46px!important;}
  body.as-login-page .as-auth-brand-copy h1>span:first-child{font-size:9.5px!important;}
  body.as-login-page .as-auth-title-light{font-size:22px!important;}
  body.as-login-page .as-auth-form{margin-inline:9px!important;padding-inline:13px!important;}
  body.as-login-page .as-auth-capabilities{gap:5px!important;}
  body.as-login-page .as-auth-capabilities span{padding:4px 6px!important;font-size:7px!important;}
}

@media (prefers-reduced-motion:reduce){
  body.as-login-page .as-login-right-activity,
  body.as-login-page .as-login-satellite-stage-r1,
  body.as-login-page .as-auth-card,
  body.as-login-page .as-auth-submit{
    animation:none!important;
    transition:none!important;
  }
}