/* Isolate account panels from dashboard aside, nav, form and section styles. */
body:has(#login:not([hidden]) .access180)>.shell{grid-template-columns:minmax(0,1fr);min-height:0}body:has(#login:not([hidden]) .access180)>.shell>aside{display:none}body:has(#login:not([hidden]) .access180)>.shell>main{width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 36px}#login:has(.access180){max-width:1100px!important;width:100%;margin:28px auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}#login .access180{width:100%;max-width:1100px;margin:auto}.access180 .access180-layout{width:100%;min-width:0;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}.access180 .access180-info{position:static;top:auto;height:auto;min-height:0;margin:0;padding:32px;background:linear-gradient(145deg,#e8f4f1,#eef5fa);border:1px solid #d3e4e7;border-radius:20px;color:#173e50;align-self:start;box-shadow:none}.access180 .access180-info p{font:400 14px/1.8 system-ui;color:#4f6e7c;letter-spacing:normal;display:block}.access180 .access180-info .access180-kicker{font:750 11px/1.5 system-ui;letter-spacing:.12em;color:#08747a}.access180 .access180-info h2{font-size:28px;line-height:1.2;margin:14px 0}.access180 .access180-info ul{padding-left:19px;margin:20px 0}.access180 .access180-info li{font:400 14px/1.8 system-ui;color:#35596b;letter-spacing:normal;margin:8px 0}.access180 .access180-info .access180-back{font:600 13px/1.6 system-ui;color:#08747a}.access180 .access180-card{min-width:0;width:100%;padding:32px;border:1px solid #d3e2e9;border-radius:20px;background:white}.access180 .access180-card h1{font-size:30px;line-height:1.2}.access180 .access180-form:has(input[autocomplete=current-password]){grid-template-columns:minmax(0,1fr)}.access180 .access180-form input{min-height:48px}.access180 .access180-password{width:100%;min-width:0}.access180 .access180-password input{min-width:100px;width:100%;flex:1}.access180 .access180-password button{min-width:58px;flex:0 0 auto}.access180 .access180-other{flex-direction:row;margin:24px 0 0;letter-spacing:normal}.access180 .access180-help{flex-direction:row}.access180 .access180-form small{letter-spacing:normal}.access180 .access180-modes{flex-direction:row;flex-wrap:nowrap}.access180 .access180-modes button{text-align:center}.access180 :is(input,button,select):focus-visible{outline:3px solid #c17b13;outline-offset:3px}
@media(max-width:800px){.access180 .access180-layout{grid-template-columns:minmax(0,1fr);gap:20px;max-width:620px;margin:auto}.access180 .access180-info{padding:24px}.access180 .access180-info h2{font-size:25px}.access180 .access180-info ul{display:none}.access180 .access180-card{padding:26px}body:has(#login:not([hidden]) .access180)>.shell>main{padding:18px 18px 28px}}
@media(max-width:480px){.access180 .access180-card{padding:24px 18px}.access180 .access180-info{padding:22px 18px}.access180 .access180-card h1{font-size:27px}.access180 .access180-form{grid-template-columns:minmax(0,1fr)}body:has(#login:not([hidden]) .access180)>.shell>main{padding:14px 12px 24px}.access180 .access180-password input{min-width:0}.access180 .access180-modes button{padding:10px 8px}}
@media(max-width:600px){.access180 .access180-info>p:not(.access180-kicker){display:none}.access180 .access180-info h2{margin:10px 0}.access180 .access180-info .access180-back{margin-top:6px}}