/* Focused MTC sign-in layout. Authentication controls retain their behavior. */
.login-wrap{min-height:calc(100svh - 80px)!important;padding:64px 24px!important}
.login-wrap>.row>.col-12{max-width:980px!important}
.login-wrap .press-hero{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.login-wrap .press-hero::before,.login-wrap .press-hero::after{display:none!important}
.login-wrap .content{max-width:none!important;width:100%}
.login-wrap .content>.d-flex{display:none!important}
.login-wrap .login-card{position:relative;background:radial-gradient(ellipse at 0 0,rgba(240,8,126,.10),transparent 52%),#171b26!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:32px!important;padding:48px!important;box-shadow:0 30px 90px rgba(0,0,0,.28)!important;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;max-width:none!important}
.login-wrap .login-card::before{content:"";position:absolute;left:48px;top:0;width:72px;height:4px;background:#f0087e;border-radius:0 0 4px 4px}
.login-wrap .login-card>h1{grid-column:1/-1;font-size:clamp(28px,3vw,40px)!important;letter-spacing:-1.2px;color:#f9f6fb;margin:0 0 10px!important;line-height:1.15}
.login-wrap .login-card>p{grid-column:1/-1;font-size:18px!important;color:#bfc3d2!important;margin-bottom:34px!important}
.login-wrap .login-card>.divider{display:none}
body .login-wrap .mtc-passkey-login{grid-column:1;margin:0!important;padding:28px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(240,8,126,.12),rgba(240,8,126,.025))!important;border:1px solid rgba(240,8,126,.22)!important;box-shadow:none!important;align-self:stretch}
body .login-wrap .mtc-passkey-login h2{font-size:25px!important;line-height:1.3!important;letter-spacing:-.6px!important;color:#f8f5fb!important;margin-top:20px}
body .login-wrap .mtc-passkey-login>p{font-size:16px!important;line-height:1.65!important;color:#c3c6d4!important}
body .login-wrap .mtc-auth-symbol{background:rgba(240,8,126,.14)!important;color:#ff4b9e!important;border-radius:16px!important}
body .login-wrap .mtc-passkey-login .mtc-auth-btn{width:100%;min-height:52px;border-radius:14px!important;font-size:16px!important;background:#f0087e!important;box-shadow:0 8px 24px rgba(240,8,126,.16)!important}
.login-wrap form[name=login]{grid-column:2;align-self:center;padding:8px 0}
.login-wrap form[name=login] .form-control{min-height:58px;border-radius:14px!important;background:#222736!important;border:1px solid #ffffff20!important;color:#f8f7fc!important;padding:16px 18px;font-size:17px;box-shadow:none}
.login-wrap form[name=login] .form-control::placeholder{color:#aeb4c5;opacity:1}
.login-wrap form[name=login] .form-control:focus{border-color:#ff3793!important;box-shadow:0 0 0 4px #f0087e1c!important}
.login-wrap form[name=login] .mb-3,.login-wrap form[name=login] .mb-2{margin-bottom:18px!important}
.login-wrap form[name=login] .small{font-size:14px!important;line-height:1.6}
.login-wrap form[name=login] .btn-mtc{min-height:56px;border-radius:14px!important;font-size:18px!important;box-shadow:0 8px 24px #f0087e20}
.login-wrap .login-note{margin-top:24px!important;font-size:16px!important;color:#bfc3d2!important}
.login-wrap a{color:#ff59a5}
.login-wrap a:hover{color:#ff8abc}
.login-wrap button:focus-visible,.login-wrap a:focus-visible{outline:3px solid #ff75b5;outline-offset:4px}
@media(max-width:767px){.login-wrap{padding:32px 16px!important}.login-wrap .login-card{padding:28px 22px!important;border-radius:24px!important;display:block}.login-wrap .login-card::before{left:24px}.login-wrap .login-card>p{margin-bottom:24px!important}body .login-wrap .mtc-passkey-login{padding:22px!important;margin-bottom:24px!important}.login-wrap form[name=login]{padding:0}.login-wrap .login-card>h1{font-size:30px!important}.login-wrap .login-card>p{font-size:16px!important}}
.login-wrap .login-card:not(:has(.mtc-passkey-login)) form[name=login]{grid-column:1/-1;width:100%;max-width:560px;justify-self:center}