@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,system-ui,sans-serif;color:#1d3442;background:#f4f7f9;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #6cb1d8;outline-offset:4px}[hidden]{display:none!important}
.access-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;min-height:100svh;margin:auto;padding:24px;gap:24px}.identity-panel{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;background:linear-gradient(155deg,#143e58 0%,#126795 54%,#288b89 100%);border-radius:24px;padding:44px;color:#fff;min-height:680px}.brand-window{display:block;position:relative;overflow:hidden;width:245px;aspect-ratio:3.6;background:#fff;border-radius:12px;flex-shrink:0}.brand-window img{position:absolute;width:116%;height:auto;left:-8%;top:50%;transform:translateY(-47%)}.identity-content{position:relative;z-index:1;margin-top:82px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#b7e2e7}.identity-content h2{font-size:clamp(32px,3.3vw,48px);font-weight:650;letter-spacing:-1.7px;line-height:1.22;margin:20px 0 26px}.identity-rule{width:44px;height:3px;background:#83d4b2;border-radius:2px}.identity-content p{max-width:290px;font-size:14px;line-height:1.8;color:#d1e6ef;margin:22px 0 0}.identity-footer{display:flex;gap:12px;align-items:center;font-size:11px;color:#d4edf1;margin-top:auto;padding-top:220px;position:relative;z-index:1}.small-cross{font-size:24px;font-weight:350;color:#9be1c0}.identity-art{position:absolute;width:440px;height:440px;bottom:-70px;right:-105px;z-index:0}.orbit{position:absolute;border:1px solid #d5f5ff25;border-radius:50%;inset:0}.orbit-two{inset:55px;background:#ffffff03}.orbit-three{inset:110px;background:#ffffff05}.care-cross{position:absolute;inset:160px;background:linear-gradient(135deg,#c0f2db,#85bdda);clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);opacity:.85;transform:rotate(-12deg)}.orbit-dot{width:12px;height:12px;border-radius:50%;position:absolute;left:80px;top:65px;background:#92dabb;box-shadow:0 0 0 9px #92dabb15}
.form-panel{display:flex;flex-direction:column;justify-content:center;padding:64px 44px 24px;position:relative}.login-content{width:100%;max-width:365px;margin:auto}.access-icon{width:52px;height:52px;display:grid;place-items:center;color:#1978b8;background:#e9f3f8;border:1px solid #dcebf3;border-radius:16px;margin-bottom:30px}.access-icon svg{width:24px;height:24px}.form-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:#64818f}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.25;margin:12px 0 10px;font-weight:750}.intro{font-size:14px;line-height:1.6;color:#687f8d;margin:0 0 36px}form label{display:block;font-size:12px;font-weight:700;margin:22px 0 9px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:16px;width:18px;height:18px;pointer-events:none;color:#7e97a4}.input-wrap input{width:100%;height:56px;background:white;border:1px solid #d9e3e9;border-radius:11px;padding:0 48px;color:#1d3442;font-size:16px;outline:none;transition:box-shadow .2s,border-color .2s}.input-wrap input::placeholder{color:#94a5af;font-size:14px}.input-wrap input:focus{border-color:#4f9bc5;box-shadow:0 0 0 4px #1978b810}.input-wrap:focus-within>svg{color:#1978b8}#show-password{position:absolute;right:5px;width:44px;height:44px;border:0;border-radius:8px;display:grid;place-items:center;color:#708995;background:transparent}#show-password:hover{background:#f0f6f9}#show-password svg{width:20px;height:20px}.eye-slash{display:none}[aria-pressed=true] .eye-slash{display:block}.submit-button{width:100%;min-height:54px;margin-top:30px;padding:14px 20px;border:0;border-radius:11px;background:#1978b8;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:750;box-shadow:0 5px 12px #1978b815;transition:background .2s,transform .2s}.submit-button svg{width:19px;height:19px}.submit-button:hover{background:#14669e;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}#login-error{font-size:12px;line-height:1.6;color:#993e35;background:#fff1ee;border:1px solid #efd9d3;padding:12px 14px;border-radius:9px;margin:18px 0 0}.access-help{margin-top:26px;text-align:center;font-size:11px;color:#748995;line-height:1.8}.login-footer{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:10px;color:#8495a0;padding-top:56px;line-height:1.7}.login-footer strong{color:#527789;font-weight:650}
@media(min-width:1500px){.access-layout{min-height:min(100svh,980px);padding-top:48px;padding-bottom:48px}}
@media(max-width:1000px){.access-layout{padding:16px;gap:8px;grid-template-columns:.9fr 1fr}.identity-panel{padding:30px}.form-panel{padding:44px 30px 20px}.brand-window{width:215px}.identity-content h2{font-size:34px}.identity-art{right:-190px}}
/* Mobile: compact branded header and a single, focused access card. */
@media(max-width:700px){
 :root{background:#eef4f7}
 .access-layout{display:flex;flex-direction:column;padding:0;gap:0;min-height:100svh}
 .identity-panel{min-height:210px;border-radius:0;padding:calc(32px + env(safe-area-inset-top)) 24px 58px;background:linear-gradient(125deg,#153f59 0%,#167697 65%,#298c88 100%);flex-direction:column;align-items:center;justify-content:flex-start}
 .brand-window{width:210px;border-radius:12px;z-index:1;box-shadow:0 6px 24px #08344c20}
 .identity-content{margin:18px 0 0;text-align:center}
 .eyebrow{font-size:9px;letter-spacing:1.65px;color:#d3ecef}
 .identity-content h2,.identity-content p,.identity-rule,.identity-footer{display:none}
 .identity-art{display:block;width:300px;height:300px;right:-170px;bottom:-105px;opacity:.6;pointer-events:none}
 .orbit-two{inset:38px}.orbit-three{inset:76px}.care-cross{inset:112px;opacity:.45}.orbit-dot{left:45px;top:53px;width:7px;height:7px;box-shadow:0 0 0 6px #92dabb15}
 .form-panel{padding:0 20px calc(24px + env(safe-area-inset-bottom));margin-top:-32px;flex:1;justify-content:flex-start;z-index:1}
 .login-content{max-width:420px;margin:0 auto;padding:30px 26px 24px;background:white;border:1px solid #e0eaf0;border-radius:22px;box-shadow:0 12px 32px #163f5909}
 .access-icon,.form-eyebrow{display:none}
 h1{font-size:29px;letter-spacing:-1px;margin:0 0 8px;line-height:1.25}
 .intro{font-size:13px;line-height:1.7;margin:0 0 25px;color:#667e8c}
 form label{font-size:12px;margin:19px 0 8px}
 form label:first-child{margin-top:0}
 .input-wrap input{height:54px;padding-left:44px;background:#fbfcfd;border-color:#dbe5ec;font-size:16px;border-radius:11px}
 .input-wrap input::placeholder{font-size:14px}
 .input-wrap>svg{left:15px;width:17px;height:17px}
 .input-wrap input:focus{background:white}
 .submit-button{min-height:54px;margin-top:26px;font-size:14px;border-radius:11px}
 .access-help{font-size:11px;line-height:1.8;margin:21px 0 0;padding-top:19px;border-top:1px solid #edf1f4;max-width:100%;text-wrap:balance}
 .login-footer{margin-top:auto;padding-top:25px;font-size:10px;gap:3px;color:#718795}
 .login-footer>span:first-child{display:none}
}
@media(max-width:360px){
 .identity-panel{min-height:192px;padding-top:26px;padding-bottom:52px}
 .brand-window{width:190px}
 .form-panel{padding-left:14px;padding-right:14px}
 .login-content{padding:26px 20px 22px;border-radius:19px}
 h1{font-size:27px}.intro{font-size:12px;margin-bottom:23px}
 .access-help{font-size:10px}
}
@media(max-width:700px) and (max-height:600px){
 .identity-panel{min-height:150px;padding-top:18px;padding-bottom:45px}
 .brand-window{width:180px}.identity-content{margin-top:10px}
 .login-content{padding-top:24px}.login-footer{padding-top:20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
