/* AIRAC login — aligned with the renewed operational workspace. */
html,body,body *{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none;width:0;height:0}
body.login-page{font-family:Inter,"Segoe UI",sans-serif;padding:44px 28px;color:#e9f4f8;background:radial-gradient(ellipse at 12% 10%,#17474c77,transparent 48%),radial-gradient(ellipse at 95% 95%,#153c6855,transparent 48%),#07131e;min-height:100dvh}
.login-page .login-distribution-bg{opacity:.16;mask-image:linear-gradient(90deg,#000,transparent 90%)}
.login-page>.login-shell{width:min(1120px,100%);grid-template-columns:1.13fr 1fr;border:1px solid #34506488;border-radius:28px;min-height:690px;box-shadow:0 35px 100px #0006,0 0 80px #50d6c008;background:#0d1e2d;animation:loginReveal .8s ease both!important}
.login-page .login-visual{padding:46px 48px;background:radial-gradient(ellipse at 65% 42%,#1e6b6955,transparent 62%),linear-gradient(150deg,#132e3b,#0b1c2b);border-right:1px solid #3b647733}
.login-page .login-visual:before{height:3px;background:linear-gradient(90deg,#6ee6c9,#438eac,transparent)}
.login-page .login-visual:after{background:linear-gradient(135deg,transparent 59%,#6ee6c91a 59.2%,transparent 59.6%),linear-gradient(140deg,transparent 69%,#6ee6c924 69.2%,transparent 69.5%)}
.login-page .login-visual img{width:205px;height:74px;filter:drop-shadow(0 6px 18px #0002)}
.login-page .login-brand-caption{color:#86a8b4;letter-spacing:3px;margin-top:12px}
.login-page .login-art{height:220px;width:calc(100% + 50px);margin:15px -25px;filter:drop-shadow(0 14px 20px #0003);animation:loginFloat 7s ease-in-out infinite alternate!important}
.login-page .login-visual h2{font-size:43px;font-weight:400;line-height:1.12;letter-spacing:-1.6px;margin:12px 0 18px;color:#e8f4f6}
.login-page .login-visual h2 strong{color:#79e2ca;font-weight:650}
.login-page .login-visual p{font-size:14px;line-height:1.8;color:#9bb6c4;max-width:350px}
.login-page .login-visual footer{gap:10px;flex-wrap:wrap;margin-top:26px}
.login-page .login-visual footer span{border:1px solid #53827755;border-radius:50px;padding:8px 12px;color:#a5ceca;font-size:9px;letter-spacing:1.2px;background:#80dbbf05}
.login-page main{padding:48px;background:transparent;min-width:0}
.login-page main>h1{font-size:31px;letter-spacing:-1px;font-weight:650;margin-bottom:9px}
.login-page .login-intro{font-size:13px;color:#89a6b9;margin-bottom:34px}
.login-page form h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#73d8c3;text-align:left;margin-bottom:24px}
.login-page label{color:#bdd1df;font-size:13px;margin:20px 0;font-weight:500}
.login-page input,.login-page select{width:100%;min-height:52px;padding:14px 16px;border:1px solid #355164;border-radius:12px;background:#102736;color:#eef8fb;margin-top:9px;font:inherit;transition:border-color .2s,box-shadow .2s}
.login-page input:focus,.login-page select:focus{outline:0;border-color:#71ddc4;box-shadow:0 0 0 4px #71ddc415}
.login-page input::placeholder{color:#69899d}
body.login-page form>button:not(.secondary){min-height:52px;border-radius:12px;background:linear-gradient(115deg,#87e8ce,#50cbb9)!important;border:1px solid #96f2dc!important;color:#092a32!important;font-weight:700;box-shadow:0 7px 24px #43d0b516;transition:filter .2s,box-shadow .2s}
body.login-page form>button:not(.secondary):hover{filter:brightness(1.07);box-shadow:0 8px 30px #43d0b52a}
body.login-page form>button.secondary{min-height:49px;background:#142c3c!important;border:1px solid #355164!important;color:#bed5e2!important;border-radius:12px;margin-top:12px;font-weight:500;box-shadow:none}
.login-page form>button:focus-visible{outline:3px solid #a0ecdd;outline-offset:4px}
.login-page .help{font-size:12px;line-height:1.7;color:#8da9ba;margin-top:20px}
.login-page .help a,.login-page .privacy-check a{color:#83dbc9;text-underline-offset:4px}
.login-page #error:not(:empty){padding:12px 15px;border:1px solid #e3758855;border-radius:12px;background:#d4566a13;color:#ffb4c0}
.login-page .privacy-check{font-size:12px}.login-page .privacy-check input{min-height:20px;accent-color:#6edcc1}
@keyframes loginReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes loginFloat{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@media(max-width:900px){.login-page .login-visual{padding:34px}.login-page main{padding:36px}.login-page .login-visual h2{font-size:35px}}
@media(max-width:650px){body.login-page{padding:22px 14px;display:block}.login-page>.login-shell{max-width:460px;margin:auto;min-height:0;border-radius:22px}.login-page .login-visual{padding:25px 27px;border-right:0;min-height:0}.login-page .login-visual img{width:145px;height:48px}.login-page .login-brand-caption{font-size:8px;letter-spacing:2px;margin-top:7px}.login-page .login-visual h2{font-size:26px;line-height:1.2;margin:22px 0 0;max-width:310px;letter-spacing:-.8px}.login-page .login-visual h2 strong{display:inline}.login-page .login-art,.login-page .login-visual p,.login-page .login-visual footer{display:none}.login-page main{padding:28px 27px;border-top:1px solid #36586b66}.login-page main>h1{font-size:27px}.login-page .login-intro{margin-bottom:28px;font-size:12px}.login-page form h2{font-size:11px;margin-bottom:22px}.login-page .help{font-size:11px}.login-page label{margin:18px 0}}
@media(prefers-reduced-motion:reduce){.login-page>.login-shell,.login-page .login-art,.login-page .logistics-flow{animation:none!important}.login-page *{transition:none!important}}
