.login-modern{display:grid;grid-template-columns:58% 42%;min-height:100vh;background:#fff}.login-brand-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 60%,#124a72,transparent 65%),linear-gradient(140deg,#071420,#102943);padding:clamp(40px,6vw,110px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-brand-logo{width:min(390px,78%);height:auto;position:relative;z-index:1}.login-brand-heading{position:relative;z-index:1;margin:auto 0;padding:90px 0 150px}.login-brand-heading p{color:#95d6ef;font-size:11px;font-weight:700;letter-spacing:4px;margin:0 0 20px}.login-brand-heading h1{font-size:clamp(38px,4vw,66px);line-height:1.15;letter-spacing:-1.8px;color:#fff;margin:0}.login-brand-heading h1 span{color:#53cafa}.login-waves{position:absolute;inset:0;pointer-events:none}.login-waves span{position:absolute;bottom:-36%;left:-22%;width:150%;height:75%;border-radius:45%;border-top:2px solid #5adcff75;background:linear-gradient(175deg,#11afe92d,#1c56a210 32%,transparent 68%);box-shadow:0 -8px 40px #16c8ef18;transform:rotate(-23deg);animation:login-wave 18s ease-in-out infinite alternate}.login-waves span:nth-child(2){left:20%;bottom:-5%;height:65%;transform:rotate(-48deg);border-color:#68d7ff40;background:linear-gradient(130deg,#1674b724,#665aba15,transparent 70%);animation-duration:23s;animation-delay:-8s}.login-waves span:nth-child(3){left:-35%;bottom:-40%;transform:rotate(19deg);background:linear-gradient(160deg,#1bbfd620,transparent 75%);animation-duration:26s;animation-delay:-15s}.login-access-panel{display:grid;place-items:center;padding:50px 35px;background:radial-gradient(ellipse at 100% 0,#f2faff,transparent 65%),#fff}.login-access-content{width:min(100%,390px);animation:login-appear .55s ease both}.login-access-content>.eyebrow{letter-spacing:3px;font-size:11px;color:#159dcc;margin:0 0 15px}.login-access-content h2{font-size:37px;letter-spacing:-1px;color:#12253c;margin:0 0 36px}.login-access-content form>label{font-size:12px;margin:0 0 8px;color:#283c54}.login-access-content input:not([type=hidden]){width:100%;padding:16px;font-size:13px;min-height:52px;border:1px solid #d9e3ef;border-radius:11px;background:#f8fafd;transition:border-color .2s,box-shadow .2s}.login-access-content form>input:not([type=hidden]){margin-bottom:21px}.login-access-content input:focus{outline:none;border-color:#1eaddd;box-shadow:0 0 0 3px #16b7df12}.login-password-field{position:relative}.login-password-field input{padding-right:52px!important}.login-password-field button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:35px;height:35px;padding:7px;background:transparent;border:0;color:#758a9f;border-radius:7px;cursor:pointer}.login-password-field svg{fill:none;stroke:currentColor;stroke-width:1.7;width:22px;height:22px}.login-enter{border:0;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:26px;border-radius:11px;padding:16px 20px;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(105deg,#07b7d7,#087de0);box-shadow:0 9px 22px #148dcc20;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-enter:hover{transform:translateY(-2px);box-shadow:0 12px 28px #148dcc35}.login-enter span{font-size:22px;font-weight:400}.login-access-note{font-size:11px;color:#879bb0;margin:20px 0 0}.login-access-note:before{content:'•';color:#1d9dc7;margin-right:8px}.login-mobile-brand{display:none}.login-modern button:focus-visible{outline:3px solid #42bddd;outline-offset:3px}@keyframes login-wave{from{translate:0 0;scale:1}to{translate:5% -3%;scale:1.07}}@keyframes login-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.login-modern{grid-template-columns:48% 52%}.login-brand-panel{padding:45px 28px}.login-brand-logo{width:100%}.login-brand-heading h1{font-size:38px}.login-access-panel{padding:40px 28px}.login-access-content h2{font-size:32px}}@media(max-width:650px){.login-modern{display:block;min-height:100dvh;background:#0b1e33}.login-brand-panel{display:none}.login-access-panel{min-height:100dvh;padding:35px 25px}.login-mobile-brand{display:block;width:190px;background:#10263c;padding:12px;border-radius:12px;margin-bottom:32px}.login-access-content h2{font-size:30px;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.login-modern *{animation:none!important;transition:none!important}}
/* Approved artwork replaces the approximate CSS ribbons. */
.login-brand-panel:before{content:"";position:absolute;inset:-2%;background:url('/img/login-waves.png') center center/cover no-repeat;animation:login-artwork 22s ease-in-out infinite alternate;pointer-events:none}.login-waves{display:none}.login-access-panel{position:relative;padding-bottom:105px}.login-security-footer{position:absolute;left:25px;right:25px;bottom:27px;text-align:center;color:#8497ab}.login-security-footer p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin:0 0 8px;line-height:1.6}.login-security-footer svg{width:14px;height:14px;fill:none;stroke:#8199af;stroke-width:1.7;flex-shrink:0}.login-security-footer small{font-size:9px;color:#a1afbe;letter-spacing:.4px}@keyframes login-artwork{from{transform:scale(1);filter:brightness(1)}to{transform:scale(1.035);filter:brightness(1.08)}}@media(max-width:650px){.login-access-panel{padding-bottom:110px}.login-security-footer{bottom:24px}}@media(prefers-reduced-motion:reduce){.login-brand-panel:before{animation:none!important}}

/* 4.9.3: fondo UV continuo, sin división blanca. */
.login-modern{position:relative;isolation:isolate;overflow:hidden;background:#07172a;grid-template-columns:58% 42%}
.login-modern:before{content:"";position:absolute;inset:-2%;z-index:-2;background:url('/img/login-uv-background.webp') center/cover no-repeat;animation:login-uv-pan 26s ease-in-out infinite alternate;pointer-events:none}
.login-modern:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,15,33,.55),rgba(3,15,33,.12) 55%,rgba(3,15,33,.25));pointer-events:none}
.login-brand-panel{background:transparent}
.login-brand-panel:before{display:none}
.login-access-panel{background:transparent;padding:55px 35px 110px}
.login-access-content{width:min(100%,480px);padding:32px;border:1px solid rgba(76,213,249,.75);border-radius:20px;background:linear-gradient(145deg,rgba(12,36,58,.89),rgba(5,21,38,.84));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 22px 65px rgba(0,0,0,.35),inset 0 1px 0 rgba(168,231,255,.16);color:#fff}
.login-access-content>.eyebrow{color:#65e3ff}
.login-access-content h2,.login-access-content form>label{color:#f5faff}
.login-access-content input:not([type=hidden]){background:rgba(210,233,255,.09);border-color:rgba(177,212,240,.6);color:#fff;color-scheme:dark}
.login-access-content input::placeholder{color:#cfdaea;opacity:1}
.login-access-content input:focus{border-color:#47d6f4;box-shadow:0 0 0 3px rgba(71,214,244,.13)}
.login-password-field button{color:#e6f4ff}
.login-access-content .alert{color:#fff;background:#692a3fe6;border:1px solid #f9a8b8}
.login-security-footer,.login-security-footer small{color:#e1edf7}
.login-security-footer svg{stroke:#e1edf7}
.login-access-content input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #182f47 inset}
@keyframes login-uv-pan{from{transform:scale(1)}to{transform:scale(1.035) translateX(-.3%)}}
@media(max-width:900px){.login-modern{grid-template-columns:48% 52%}.login-access-panel{padding-left:22px;padding-right:22px}.login-access-content{padding:26px}}
@media(max-width:650px){.login-modern{display:block;background:#07172a}.login-modern:before{background-position:66% center}.login-modern:after{background:rgba(3,15,33,.38)}.login-access-panel{padding:30px 18px 110px}.login-access-content{padding:26px 22px}.login-mobile-brand{background:transparent;padding:0;width:190px;margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.login-modern:before{animation:none!important}}