.login-premium{grid-template-columns:minmax(430px,44%) 1fr;background:radial-gradient(circle at 86% 10%,rgba(8,127,120,.09),transparent 28%),linear-gradient(145deg,#f8fcfb,#edf6f4)}
.login-showcase{padding-top:36px;background:radial-gradient(circle at 8% 90%,rgba(32,205,191,.3),transparent 34%),radial-gradient(circle at 88% 5%,rgba(231,184,75,.14),transparent 24%),linear-gradient(148deg,#022825,#064b46 57%,#087c74)}
.login-showcase__mark{border-radius:50% 50% 50% 16px}.login-showcase__content h1 em{color:#f0ca69}.login-showcase__eyebrow{border-color:rgba(240,202,105,.23);background:rgba(240,202,105,.08);color:#f0ca69}
.login-security-card{border-color:rgba(255,255,255,.17);background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.045))}
.login-workspace{position:relative}.login-card{position:relative;overflow:hidden;border-radius:30px;box-shadow:0 30px 90px rgba(10,65,61,.14)}.login-card:before{position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#087f78,#28b9ae,#e8bb50);content:""}
.login-methods{border-radius:18px}.login-methods button{border-radius:14px}.login-submit{background:linear-gradient(135deg,#0b938a,#055c57);box-shadow:0 14px 30px rgba(8,127,120,.24)}
.otp-verify-shell .otp-auth-visual{background:radial-gradient(circle at 10% 85%,rgba(31,188,174,.32),transparent 35%),radial-gradient(circle at 85% 8%,rgba(231,184,75,.12),transparent 25%),linear-gradient(145deg,#032926,#075c56 70%,#087f78)}
.otp-verify-shell .otp-card{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 30px 85px rgba(10,65,61,.14)}.otp-verify-shell .otp-card:before{position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#087f78,#2bb9af,#e8bb50);content:""}
html[dir="ltr"] .login-showcase,html[dir="ltr"] .login-workspace,html[dir="ltr"] .otp-auth-visual,html[dir="ltr"] .otp-auth-content{direction:ltr}
html[dir="ltr"] .login-methods button{text-align:left}html[dir="ltr"] .login-methods button em{right:7px;left:auto}
html[dir="ltr"] .login-field>i:first-child{right:auto;left:15px}html[dir="ltr"] .login-field input{padding:11px 43px 11px 44px}html[dir="ltr"] .login-field__check,html[dir="ltr"] .login-password-toggle{right:7px;left:auto}
html[dir="ltr"] .login-submit i,html[dir="ltr"] .login-card__footer i,html[dir="ltr"] .login-admin-entry>i,html[dir="ltr"] .otp-primary i,html[dir="ltr"] .otp-back i{transform:scaleX(-1)}
html[dir="ltr"] .login-submit:hover i{transform:scaleX(-1) translateX(-4px)}
html[dir="ltr"] .login-mini-stat{border-right:1px solid rgba(255,255,255,.1);border-left:0}html[dir="ltr"] .login-mini-stat:first-child{padding-left:0;padding-right:15px}html[dir="ltr"] .login-mini-stat:last-child{border-right:0}
@media(max-width:820px){.login-premium{background:radial-gradient(circle at 90% 0,rgba(17,165,155,.16),transparent 35%),#f2f8f7}.login-mobile-brand{margin-top:5px}.login-card{border-radius:25px}}
@media(max-width:540px){.login-methods button span{min-width:0}.login-methods button b,.login-methods button small{white-space:normal}.otp-verify-shell .otp-auth-visual{min-height:210px}.otp-verify-shell .otp-card{border-radius:22px}}