/* FINAL167: original full-screen vortex with a construction CRM entrance. */
@media screen {
html body #stormcoreAuthGate.login-screen{padding:clamp(24px,4vw,64px);background-position:center!important;isolation:isolate;align-items:start;}
#stormcoreAuthGate::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041124c9 0%,#04112460 32%,#04112405 70%),url('art/login-construction167.svg') center bottom/cover no-repeat;}
html body #stormcoreAuthGate .login-shell{width:min(1440px,100%);min-height:calc(100svh - 112px);display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:clamp(48px,7vw,130px);align-items:center;}
html body #stormcoreAuthGate .login-brand{grid-column:1;justify-content:flex-start;margin:0 0 26px;gap:14px!important;}
#stormcoreAuthGate .login-brand img{width:54px;height:54px;}
html body #stormcoreAuthGate .login-brand .sc-brand-tagline{font-size:10px!important;max-width:none!important;margin-top:5px!important;}
html body #stormcoreAuthGate .login-card{grid-column:1;grid-row:2;padding:30px;border-radius:16px;border:1px solid #d4e7f7b0;background:rgba(248,252,255,.96);box-shadow:0 20px 70px #0006;backdrop-filter:blur(18px);}
html body #stormcoreAuthGate .login-eyebrow{font-size:10px;letter-spacing:.15em;color:#176394;}
html body #stormcoreAuthGate .login-card h1{font-size:25px;line-height:1.2;}
#stormcoreAuthGate #stormcoreAuthDescription{font-size:13px;line-height:1.6;}
#stormcoreAuthGate .login-card label{margin-top:16px;}
#stormcoreAuthGate .login-card .login-remember{margin-top:0;}
#stormcoreAuthGate .login-crm-note{margin-top:14px;padding-top:14px;}
#stormcoreAuthGate .login-story167{grid-column:2;grid-row:1/3;align-self:end;padding:0 0 24px;max-width:690px;color:#fff;text-shadow:0 2px 24px #031126;}
#stormcoreAuthGate .login-story167 .login-kicker167{font-size:10px;letter-spacing:.22em;font-weight:700;color:#8edaff;margin:0 0 15px;}
#stormcoreAuthGate .login-story167 h2{font-size:clamp(32px,4vw,60px);line-height:1.06;letter-spacing:-.045em;font-weight:650;margin:0 0 18px;color:#fff;max-width:600px;}
#stormcoreAuthGate .login-story167 h2 span{display:block;color:#9ddfff;}
#stormcoreAuthGate .login-story167>p:last-of-type{max-width:425px;font-size:14px;line-height:1.7;color:#d2e9f7;margin:0;}
#stormcoreAuthGate .login-flow167{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:18px 0 0;margin:24px 0 0;border-top:1px solid #a3dbff42;}
#stormcoreAuthGate .login-flow167 li{display:flex;align-items:center;gap:8px;padding:6px 18px 6px 0;font-size:11px;color:#d6edfa;white-space:nowrap;}
#stormcoreAuthGate .login-flow167 li+li::before{content:'›';color:#74cfff;margin-right:10px;}
#stormcoreAuthGate .login-flow167 svg{width:17px;height:17px;stroke:#8edcff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
html body #stormcoreAuthGate .login-footer{grid-column:1/-1;margin:24px 0 0;padding:0;display:flex;justify-content:space-between;gap:12px;text-align:left;font-size:10px;line-height:1.6;color:#b6d1e5;}
#stormcoreAuthGate .login-footer p{margin:0;}
html body #stormcoreAuthGate .login-footer p{color:#c4d9ea!important;}
html body #stormcoreAuthGate #stormcoreAuthSubmit{min-height:44px!important;font-size:13px!important;}
@media(min-width:1100px) and (min-height:850px){#stormcoreAuthGate .login-story167{padding-bottom:70px;}}
@media(max-width:1000px){html body #stormcoreAuthGate.login-screen{padding:30px;}html body #stormcoreAuthGate .login-shell{grid-template-columns:minmax(300px,390px) minmax(0,1fr);column-gap:35px;min-height:calc(100svh - 60px);}#stormcoreAuthGate .login-flow167 li{padding-right:12px;}#stormcoreAuthGate .login-flow167 li+li::before{display:none;}#stormcoreAuthGate .login-story167 h2{font-size:38px;}}
@media(max-width:760px){html body #stormcoreAuthGate.login-screen{padding:24px 18px;background-position:65% center!important;}#stormcoreAuthGate::before{background:linear-gradient(180deg,#04112416,#04112455),url('art/login-construction167.svg') 58% bottom/auto 100% no-repeat;}html body #stormcoreAuthGate .login-shell{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100svh - 48px);width:min(430px,100%);}html body #stormcoreAuthGate .login-brand{margin-bottom:24px;}#stormcoreAuthGate .login-story167{order:1;margin:0;padding:0 0 24px;}#stormcoreAuthGate .login-story167 .login-kicker167{font-size:9px;margin-bottom:10px;}#stormcoreAuthGate .login-story167 h2{font-size:31px;margin-bottom:12px;max-width:380px;}#stormcoreAuthGate .login-story167>p:last-of-type{font-size:12px;}#stormcoreAuthGate .login-flow167{display:none;}html body #stormcoreAuthGate .login-card{order:2;padding:24px;}html body #stormcoreAuthGate .login-footer{order:3;display:block;margin-top:22px;font-size:9px;}#stormcoreAuthGate .login-footer p+p{margin-top:6px;}}
html body #stormcoreAuthGate .login-shell,html body #stormcoreAuthGate .login-card{min-width:0;box-sizing:border-box;}
#stormcoreAuthGate .login-remember-row{flex-wrap:wrap;}
@media(max-width:360px){html body #stormcoreAuthGate.login-screen{padding:20px 12px;}html body #stormcoreAuthGate .login-card{padding:20px;}#stormcoreAuthGate .login-story167 h2{font-size:28px;}}
}
/* FINAL168: center the sign-in card itself, with balanced space above and below. */
@media screen {
html body #stormcoreAuthGate.login-screen{padding:24px;align-items:start;}
html body #stormcoreAuthGate .login-shell{display:grid;width:min(430px,100%);min-height:calc(100svh - 48px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(80px,1fr) auto minmax(80px,1fr);column-gap:0;}
html body #stormcoreAuthGate .login-brand{grid-column:1;grid-row:1;align-self:end;justify-content:center;margin:0 0 24px;}
html body #stormcoreAuthGate .login-card{grid-column:1;grid-row:2;align-self:center;}
html body #stormcoreAuthGate .login-footer{grid-column:1;grid-row:3;align-self:start;display:block;text-align:center;margin:24px 0 0;}
html body #stormcoreAuthGate .login-footer p+p{margin-top:6px;}
html body #stormcoreAuthGate .login-story167{display:none;}
@media(min-width:1400px){html body #stormcoreAuthGate .login-story167{display:block;position:fixed;left:40px;bottom:64px;width:calc((100vw - 430px)/2 - 90px);max-width:340px;padding:0;}#stormcoreAuthGate .login-story167 h2{font-size:36px;}#stormcoreAuthGate .login-story167>p:last-of-type{font-size:12px;}#stormcoreAuthGate .login-flow167{display:none;}}
@media(max-width:360px){html body #stormcoreAuthGate.login-screen{padding:20px 12px;}html body #stormcoreAuthGate .login-shell{min-height:calc(100svh - 40px);}}
}
/* FINAL169: construction operations fill the left; StormCore vortex anchors the right. */
@media screen {
html body #stormcoreAuthGate.login-screen{background-image:url('art/login-construction169.jpg')!important;}
html body #stormcoreAuthGate::before{background:linear-gradient(90deg,transparent 12%,#04112412 30%,#04112435 50%,transparent 74%);}
html body #stormcoreAuthGate .login-story167{display:none!important;}
}

/* FINAL170: dominant static wordmark; login-only emblem removed. */
@media screen {
html body #stormcoreAuthGate .login-brand.login-wordmark170{position:relative;justify-self:center;width:min(680px,calc(100vw - 32px));height:clamp(70px,8vw,112px);overflow:hidden;margin:0 0 12px;display:block;}
html body #stormcoreAuthGate .login-wordmark170 img{position:absolute;left:0;top:50%;width:100%!important;height:auto!important;max-width:none;animation:none!important;transform:translateY(-52%)!important;filter:drop-shadow(0 2px 7px #001326aa);}
@media(max-width:760px){html body #stormcoreAuthGate .login-shell{grid-template-rows:minmax(90px,1fr) auto minmax(90px,1fr);}}
}

@layer stormcore-compact { @media screen { html body #stormcoreAuthGate .login-brand.login-wordmark170 img{animation:none!important;transform:translateY(-52%)!important;width:100%!important;height:auto!important;} } }
/* FINAL172: minimal digital sign-in, quiet architectural artwork and readable controls. */
@media screen {
html body #stormcoreAuthGate .login-card{position:relative;padding:32px;border-radius:20px;border:1px solid #83cfff66;background:#061326 url('art/login-card172.png') right top/cover no-repeat;box-shadow:0 24px 80px #0009,inset 0 1px 0 #c6eeff22;color:#edf7ff;}
html body #stormcoreAuthGate .login-card h1{color:#f3f9ff;font-size:27px;letter-spacing:-.035em;margin:0 0 24px;line-height:1.2;}
html body #stormcoreAuthGate #stormcoreAuthDescription:empty{display:none;}
html body #stormcoreAuthGate #stormcoreAuthDescription{color:#bed5e8;margin:0 0 20px;font-size:13px;}
html body #stormcoreAuthGate .login-card label{color:#cfe2f1;font-size:12px;letter-spacing:.015em;margin-top:18px;}
html body #stormcoreAuthGate .login-card label:first-child{margin-top:0;}
html body #stormcoreAuthGate .login-card input:not([type=checkbox]){background:#0b2036e8;color:#f4faff;border:1px solid #688daa8c;border-radius:9px;min-height:48px;font-size:15px;box-shadow:inset 0 1px 3px #0002;}
html body #stormcoreAuthGate .login-card input::placeholder{color:#9cb5ca;opacity:1;}
html body #stormcoreAuthGate .login-card input:focus-visible{outline:2px solid #82dfff;outline-offset:2px;border-color:#82dfff;}
html body #stormcoreAuthGate .login-card .login-remember{font-size:11px;font-weight:400;color:#bfd3e4;margin-top:0;letter-spacing:0;}
html body #stormcoreAuthGate .login-remember-row{margin-top:14px;}
html body #stormcoreAuthGate #stormcoreAuthMessage:empty{margin:0;}
html body #stormcoreAuthGate #stormcoreAuthMessage{color:#d8edff;font-size:13px;margin:12px 0 0;}
html body #stormcoreAuthGate #stormcoreAuthMessage[data-kind=error]{background:#351c2a;border-left-color:#ff9ba8;color:#ffe3e7;border-radius:6px;}
html body #stormcoreAuthGate .login-password button{top:11px;}
html body #stormcoreAuthGate #stormcoreAuthSubmit{margin-top:18px;}
@media(max-width:360px){html body #stormcoreAuthGate .login-card{padding:24px;}}
}
@layer stormcore-compact { @media screen {
html body #stormcoreAuthGate .login-card #stormcoreAuthSubmit{min-height:46px!important;padding:12px 16px!important;background:linear-gradient(120deg,#116fbd,#1689cd)!important;border:1px solid #61bcf2!important;border-radius:9px!important;font-size:14px!important;font-weight:650!important;box-shadow:inset 0 1px 0 #e5f8ff22,0 4px 18px #008dff1c!important;}
html body #stormcoreAuthGate .login-card :is(#stormcoreShowPassword,#stormcoreForgotPassword){background:transparent!important;border:0!important;color:#c4e5ff!important;box-shadow:none!important;min-height:32px!important;font-size:12px!important;}
html body #stormcoreAuthGate .login-card #stormcoreForgotPassword{padding:6px 8px!important;margin:14px auto 0;}
html body #stormcoreAuthGate .login-card button:focus-visible{outline:2px solid #82dfff!important;outline-offset:3px;}
} }