/* Reference-inspired split login. The form has no entrance animation. */
html body#airacPortal.login-page{--login-ink:#202a31;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--login-ink);background:#15272e;padding:32px;min-height:100dvh;display:grid;place-items:center;position:relative}
html body#airacPortal.login-page::before{content:"";position:fixed;inset:-25px;background:linear-gradient(#132f3c99,#182a3ca6),url('/login-distribution-gold.jpg') center/cover;filter:blur(16px);opacity:.8;pointer-events:none;z-index:0}
html body#airacPortal.login-page .login-distribution-bg{display:none!important}
html body#airacPortal.login-page>.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;width:min(1120px,100%);min-height:620px;background:#f7f8f7!important;padding:6px;border:1px solid #ffffffb0!important;border-radius:32px!important;overflow:hidden;animation:none!important;transform:none!important;box-shadow:0 24px 80px #05121b55;opacity:1!important}
html body#airacPortal.login-page .login-shell>main{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-self:stretch;width:100%;max-width:none;padding:38px 70px!important;border:0!important;border-radius:26px!important;box-shadow:none!important;background:transparent!important;color:var(--login-ink)!important;animation:none!important;transform:none!important}
html body#airacPortal.login-page .login-shell>main *{animation:none!important;transform:none!important;text-shadow:none!important}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:30px;color:#53646b}.auth-brand img{width:25px;height:25px;filter:brightness(0) saturate(100%);opacity:.75}.auth-brand span{font-size:8px;font-weight:600;letter-spacing:1.8px}
html body#airacPortal.login-page main>h1{font-size:27px!important;font-weight:650;letter-spacing:-1px;margin:0 0 9px!important;text-align:center!important;color:#202a31!important;line-height:1.2}
html body#airacPortal.login-page main>h1+p{font-size:12px;text-align:center;color:#738087!important;margin:0 0 24px}
html body#airacPortal.login-page form{width:100%}html body#airacPortal.login-page form h2{font-size:9px!important;letter-spacing:1.6px;color:#809096!important;font-weight:500;margin:0 0 18px}
html body#airacPortal.login-page form label{font-size:11px!important;line-height:1.5;font-weight:500;color:#425058!important;margin:15px 0}
html body#airacPortal.login-page form input:not([type=checkbox]),html body#airacPortal.login-page form select{height:43px;min-height:43px;padding:10px 12px;font-size:14px!important;border:1px solid #dfe4e2!important;border-radius:8px!important;background:#edf0ee!important;color:#28373e!important;box-shadow:none!important;outline:none;transition:border-color .15s,background-color .15s}
html body#airacPortal.login-page form input:focus{border-color:#8aa7aa!important;background:#fff!important;box-shadow:0 0 0 3px #508a8b0c!important}
html body#airacPortal.login-page form input::placeholder{color:#8c979a}
html body#airacPortal.login-page .password-reveal-button{border:0!important;background:none!important;box-shadow:none!important;color:#7a898d!important}
html body#airacPortal.login-page .password-reveal-button svg{width:17px;height:17px}
html body#airacPortal.login-page form>button,html body#airacPortal.login-page form>button.secondary{width:100%;min-height:41px!important;margin-top:10px;padding:11px 14px!important;background:#26373d!important;background-image:none!important;border:1px solid #26373d!important;color:#fff!important;border-radius:8px!important;font-size:12px!important;line-height:1.4!important;font-weight:500!important;box-shadow:none!important;filter:none!important;transition:background-color .15s}
html body#airacPortal.login-page form>button:hover,html body#airacPortal.login-page form>button.secondary:hover{background:#374e54!important;background-image:none!important;border-color:#374e54!important;color:#fff!important;box-shadow:none!important}
html body#airacPortal.login-page button:focus-visible{outline:2px solid #508a8b!important;outline-offset:3px}
html body#airacPortal.login-page main .help{font-size:10px!important;color:#899497!important;line-height:1.7;text-align:center;margin:14px 0 0}html body#airacPortal.login-page main .help a{color:#536f76!important}
html body#airacPortal.login-page #error{font-size:12px;color:#a63e45!important;margin:8px 0;min-height:0}html body#airacPortal.login-page #error:empty{display:none}
html body#airacPortal.login-page .distribution-hero{grid-column:2;grid-row:1;position:relative;display:block!important;min-width:0;overflow:hidden;border:0!important;border-radius:26px!important;padding:0!important;background:#244c5d url('/login-distribution-gold.jpg') center/cover!important;isolation:isolate}
html body#airacPortal.login-page .distribution-hero::before,html body#airacPortal.login-page .distribution-hero::after{display:none!important}
.distribution-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07202c35,transparent 40%,#061f2cbd 100%);pointer-events:none}
html body#airacPortal.login-page .distribution-hero .distribution-brand{position:absolute;right:24px;top:28px;width:135px;height:auto;z-index:2;margin:0;object-fit:contain}
.distribution-caption{position:absolute;left:30px;right:28px;bottom:30px;z-index:2;color:#fff}.distribution-caption>span{font-size:8px;letter-spacing:2px;color:#d3e9e9}
html body#airacPortal.login-page .distribution-caption h2{font-size:31px!important;line-height:1.17!important;font-weight:350!important;letter-spacing:-.8px!important;margin:12px 0!important;color:#fff!important}.distribution-caption h2 strong{font-weight:650!important;color:#fff!important}.distribution-caption p{font-size:11px!important;line-height:1.7;color:#d4e1e4!important;margin:0}
.registration-names{display:grid;grid-template-columns:1fr 1fr;gap:10px}html body#airacPortal.login-page:has(#registerForm:not([hidden])){align-items:start}html body#airacPortal.login-page:has(#registerForm:not([hidden])) main{justify-content:flex-start}.privacy-check{display:flex!important;gap:8px;align-items:flex-start}.privacy-check input{margin-top:3px;width:auto!important}.privacy-check span{font-size:10px;line-height:1.7}.privacy-check a{color:#487279}
@media(min-width:761px) and (max-height:760px){html body#airacPortal.login-page{padding:24px}html body#airacPortal.login-page>.login-shell{min-height:590px}html body#airacPortal.login-page .login-shell>main{padding:28px 64px!important}.auth-brand{margin-bottom:22px}}
@media(max-width:1000px) and (min-width:761px){html body#airacPortal.login-page .login-shell>main{padding:32px!important}.distribution-caption{left:24px}.distribution-caption h2{font-size:26px!important}}
@media(max-width:760px){html body#airacPortal.login-page{padding:20px 14px}html body#airacPortal.login-page>.login-shell{display:block;min-height:0;border-radius:24px!important;padding:0}html body#airacPortal.login-page .login-shell>main{padding:32px 26px!important;border-radius:24px!important}html body#airacPortal.login-page .distribution-hero{display:none!important}.auth-brand{margin-bottom:24px}html body#airacPortal.login-page main>h1{font-size:25px!important}html body#airacPortal.login-page form input:not([type=checkbox]),html body#airacPortal.login-page form select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html body#airacPortal.login-page *{animation:none!important;transition:none!important}}

.auth-brand img{width:62px;height:auto;object-fit:contain;filter:brightness(0);opacity:.78}html body#airacPortal.login-page::before{display:block!important}


html body#airacPortal.login-page #loginForm input:not([type=checkbox]),html body#airacPortal.login-page #loginForm input:not([type=checkbox]):hover,html body#airacPortal.login-page #loginForm input:not([type=checkbox]):focus,html body#airacPortal.login-page #loginForm input:not([type=checkbox]):active{background:#edf0ee!important;background-image:none!important;color:#28373e!important;caret-color:#28373e!important;border-color:#dfe4e2!important;box-shadow:none!important}
html body#airacPortal.login-page #loginForm input:autofill{background:#edf0ee!important;color:#28373e!important;box-shadow:0 0 0 1000px #edf0ee inset!important;filter:none!important}
html body#airacPortal.login-page #loginForm input:-webkit-autofill,html body#airacPortal.login-page #loginForm input:-webkit-autofill:hover,html body#airacPortal.login-page #loginForm input:-webkit-autofill:focus,html body#airacPortal.login-page #loginForm input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #edf0ee inset!important;box-shadow:0 0 0 1000px #edf0ee inset!important;-webkit-text-fill-color:#28373e!important;caret-color:#28373e!important;background:#edf0ee!important;filter:none!important}


html body#airacPortal.login-page .login-copyright{position:relative;z-index:1;align-self:end;text-align:center;width:100%;font-size:10px;line-height:1.6;color:#c6d1d5;padding:18px 10px 0;letter-spacing:.2px}html body#airacPortal.login-page{grid-template-rows:1fr auto}html body#airacPortal.login-page>.login-shell{align-self:center}@media(max-width:760px){html body#airacPortal.login-page .login-copyright{padding-top:22px;font-size:9px}}
/* AIRAC Atelier — public entrance, same graphite/champagne palette as the workspace. */
html body#airacPortal.login-page{--login-ink:#ece6da;background:#101113!important;color:#ece6da!important;color-scheme:dark}
html body#airacPortal.login-page::before{background:radial-gradient(ellipse at 80% 15%,#c5a66c12,transparent 55%),radial-gradient(ellipse at 10% 90%,#ffffff03,transparent 50%),#101113!important;filter:none!important;opacity:1!important;inset:0!important}
html body#airacPortal.login-page>.login-shell{background:linear-gradient(140deg,#202125,#191a1d)!important;border:1px solid #c5a66c22!important;border-radius:26px!important;box-shadow:0 30px 100px #0006,inset 0 1px #ffffff03!important}
html body#airacPortal.login-page .login-shell>main{color:#ece6da!important}
html body#airacPortal.login-page .auth-brand{color:#bda574!important}
html body#airacPortal.login-page .auth-brand img{filter:brightness(0) invert(1)!important;opacity:.95!important}
html body#airacPortal.login-page main>h1{color:#f1ece2!important;font-weight:500!important;letter-spacing:-1px!important}
html body#airacPortal.login-page main>h1+p{color:#a5a29b!important}
html body#airacPortal.login-page form h2{color:#b6a079!important;letter-spacing:2px!important}
html body#airacPortal.login-page form label{color:#bbb5a9!important}
html body#airacPortal.login-page form input:not([type=checkbox]),html body#airacPortal.login-page form select,html body#airacPortal.login-page #loginForm input:not([type=checkbox]),html body#airacPortal.login-page #loginForm input:not([type=checkbox]):is(:hover,:focus,:active){background:#121316!important;background-image:none!important;color:#eee8dc!important;caret-color:#eee8dc!important;border:1px solid #ffffff19!important;border-radius:10px!important;box-shadow:none!important}
html body#airacPortal.login-page #loginForm input:not([type=checkbox]):focus,html body#airacPortal.login-page form input:focus,html body#airacPortal.login-page form select:focus{border-color:#c5a66c80!important;outline:none!important;box-shadow:0 0 0 3px #c5a66c0a!important}
html body#airacPortal.login-page form input::placeholder{color:#77787c!important}
html body#airacPortal.login-page form input:autofill,html body#airacPortal.login-page #loginForm input:autofill{background:#121316!important;color:#eee8dc!important;box-shadow:0 0 0 1000px #121316 inset!important;filter:none!important}
html body#airacPortal.login-page form input:-webkit-autofill,html body#airacPortal.login-page form input:-webkit-autofill:hover,html body#airacPortal.login-page form input:-webkit-autofill:focus,html body#airacPortal.login-page #loginForm input:-webkit-autofill,html body#airacPortal.login-page #loginForm input:-webkit-autofill:hover,html body#airacPortal.login-page #loginForm input:-webkit-autofill:focus,html body#airacPortal.login-page #loginForm input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #121316 inset!important;box-shadow:0 0 0 1000px #121316 inset!important;-webkit-text-fill-color:#eee8dc!important;caret-color:#eee8dc!important;background:#121316!important;filter:none!important}
html body#airacPortal.login-page .password-reveal-button{color:#b9a580!important}
html body#airacPortal.login-page form>button,html body#airacPortal.login-page form>button.secondary{background:linear-gradient(120deg,#e3c68c,#ba965a)!important;background-image:linear-gradient(120deg,#e3c68c,#ba965a)!important;border:1px solid #dcc18b!important;border-radius:10px!important;color:#242116!important;font-weight:650!important;box-shadow:0 4px 16px #b4914d10!important;transition:filter .18s,box-shadow .18s!important}
html body#airacPortal.login-page form>button:hover,html body#airacPortal.login-page form>button.secondary:hover{background:linear-gradient(120deg,#f1d79f,#d1ac6c)!important;background-image:linear-gradient(120deg,#f1d79f,#d1ac6c)!important;color:#211f17!important;border-color:#e7cb97!important;box-shadow:0 6px 20px #c5a66c20!important;filter:none!important}
html body#airacPortal.login-page button:focus-visible{outline:2px solid #d4b478!important;outline-offset:3px}
html body#airacPortal.login-page button:disabled{opacity:.45!important;cursor:not-allowed!important}
html body#airacPortal.login-page main .help,html body#airacPortal.login-page .login-copyright{color:#8d8982!important}
html body#airacPortal.login-page main .help a,html body#airacPortal.login-page .privacy-check a{color:#d5b681!important;text-underline-offset:4px}
html body#airacPortal.login-page main .help a:hover,html body#airacPortal.login-page .privacy-check a:hover{color:#f0d6a6!important}
html body#airacPortal.login-page #error{color:#e7a0ad!important}
html body#airacPortal.login-page .distribution-hero{border-radius:20px!important}
html body#airacPortal.login-page .distribution-hero-shade{background:linear-gradient(180deg,#1415181f,transparent 35%,#101113ed 100%)!important}
html body#airacPortal.login-page .distribution-caption>span{color:#e2c58d!important}
html body#airacPortal.login-page .distribution-caption p{color:#c8c2b6!important}
html body#airacPortal.login-page input[type=checkbox]{accent-color:#d5b475}
html body#airacPortal.login-page #registerForm :is(.small,p){color:#aba59a!important}
@media(max-width:760px){html body#airacPortal.login-page>.login-shell{border-radius:22px!important}html body#airacPortal.login-page .login-shell>main{padding:34px 26px!important}}