/* Final Birla Paints login presentation based on the supplied light-blue reference. */
:root{--login-ref-bg:#f5ead3;--login-ref-blue:#c66d1b;--login-ref-blue-dark:#b85b12;--login-ref-blue-light:#dc9638;--login-ref-field:#fffaf1;--login-ref-text:#6f737d}
body:has(.login-page){background:#efe9df!important}
body:has(.login-page) .main-auth{display:grid!important;min-height:100dvh!important;padding:0!important;place-items:start center!important;background:#efe9df!important}
body:has(.login-page) .login-page{width:min(430px,100%)!important;min-height:100dvh!important;overflow:hidden!important;background:var(--login-ref-bg)!important;box-shadow:0 0 28px rgba(42,91,122,.11)!important}
body:has(.login-page) .login-hero{width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0!important;overflow:hidden!important;background:#f5ead3!important}
body:has(.login-page) .login-banner-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body:has(.login-page) .login-hero:after{inset:52% 0 -1px!important;background:linear-gradient(180deg,transparent 0%,rgba(245,234,211,.42) 48%,var(--login-ref-bg) 100%)!important}
body:has(.login-page) .login-language-control{top:10px!important;right:10px!important}
body:has(.login-page) .login-language-toggle{min-width:94px!important;min-height:40px!important;padding:8px 14px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:var(--login-ref-blue)!important;font-size:12px!important;box-shadow:0 2px 8px rgba(36,91,126,.08)!important}
body:has(.login-page) .login-language-menu{border:0!important;border-radius:9px!important;color:var(--login-ref-blue-dark)!important}
body:has(.login-page) .login-form-panel{width:100%!important;min-height:calc(100dvh - 242px)!important;padding:28px 28px 40px!important;background:var(--login-ref-bg)!important;color:#24343d!important}
body:has(.login-page) .login-title{margin:0 0 20px!important;color:var(--login-ref-blue)!important;font-size:21px!important;font-weight:600!important}
body:has(.login-page) .login-fields{gap:16px!important}
body:has(.login-page) .login-input{min-height:54px!important;border:0!important;border-radius:10px!important;background:var(--login-ref-field)!important;box-shadow:none!important}
body:has(.login-page) .login-input{transform:none!important;transition:none!important}
body:has(.login-page) .login-input:focus-within{transform:none!important;border:0!important;box-shadow:0 0 0 2px rgba(198,109,27,.24)!important}
body:has(.login-page) .login-input input{min-height:54px!important;padding:0 15px!important;color:#444a52!important;font-size:16px!important}
body:has(.login-page) .login-input input::placeholder{color:#858994!important}
body:has(.login-page) .login-phone-input{grid-template-columns:62px minmax(0,1fr)!important}
body:has(.login-page) .login-phone-input>span{height:32px!important;border-right:1px solid var(--login-ref-blue)!important;color:var(--login-ref-blue)!important;font-size:14px!important}
body:has(.login-page) .login-password-input{grid-template-columns:minmax(0,1fr) 44px!important}
body:has(.login-page) .login-password-input>button{width:44px!important;height:54px!important;color:#a6afba!important}
body:has(.login-page) .login-submit{min-height:50px!important;margin-top:1px!important;border:0!important;border-radius:26px!important;background:linear-gradient(90deg,var(--login-ref-blue-dark),var(--login-ref-blue-light))!important;color:#fff!important;font-size:14px!important;font-weight:700!important;letter-spacing:.03em!important;box-shadow:0 7px 13px rgba(156,75,12,.28)!important}
body:has(.login-page) .login-submit:hover{background:linear-gradient(90deg,#9f4e0d,#cf842c)!important}
body:has(.login-page) .login-create{margin-top:19px!important}
body:has(.login-page) .login-create a{color:var(--login-ref-blue)!important;font-size:13px!important;font-weight:500!important}
body:has(.login-page) .login-error{border:0!important;border-radius:9px!important;background:#fff7f7!important;color:#b3261e!important}
@media(max-width:500px){body:has(.login-page) .login-page{width:100%!important;box-shadow:none!important}body:has(.login-page) .login-form-panel{padding:25px 24px 36px!important}}
@media(max-width:380px){body:has(.login-page) .login-form-panel{padding-right:18px!important;padding-left:18px!important}body:has(.login-page) .login-fields{gap:13px!important}body:has(.login-page) .login-title{font-size:19px!important}}