/* Birla Paints registration page matched to the approved login palette. */
:root{--signup-ref-bg:#f5ead3;--signup-ref-orange:#c66d1b;--signup-ref-dark:#b85b12;--signup-ref-light:#dc9638;--signup-ref-field:#fffaf1;--signup-ref-text:#6f737d}
body:has(.signup-page){background:#efe9df!important}
body:has(.signup-page) .main-auth{display:grid!important;min-height:100dvh!important;padding:0!important;place-items:start center!important;background:#efe9df!important}
body:has(.signup-page) .signup-page{width:min(430px,100%)!important;min-height:100dvh!important;overflow:hidden!important;background:var(--signup-ref-bg)!important;box-shadow:0 0 28px rgba(120,73,21,.12)!important}
body:has(.signup-page) .signup-hero{width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0!important;overflow:hidden!important;background:var(--signup-ref-bg)!important}
body:has(.signup-page) .signup-banner-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body:has(.signup-page) .signup-hero:after{inset:52% 0 -1px!important;background:linear-gradient(180deg,transparent 0%,rgba(245,234,211,.42) 48%,var(--signup-ref-bg) 100%)!important}
body:has(.signup-page) .signup-language-control{top:10px!important;right:10px!important}
body:has(.signup-page) .signup-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(--signup-ref-orange)!important;font-size:12px!important;box-shadow:0 2px 8px rgba(120,73,21,.1)!important}
body:has(.signup-page) .signup-language-menu{border:0!important;border-radius:9px!important;color:var(--signup-ref-dark)!important}
body:has(.signup-page) .signup-form-panel{width:100%!important;min-height:calc(100dvh - 242px)!important;padding:28px 28px 40px!important;background:var(--signup-ref-bg)!important;color:#24343d!important}
body:has(.signup-page) .signup-title-row{margin:0 0 20px!important}
body:has(.signup-page) .signup-title-row h2{color:var(--signup-ref-orange)!important;font-size:21px!important;font-weight:600!important}
body:has(.signup-page) .signup-fields{gap:16px!important}
body:has(.signup-page) .signup-input{min-height:54px!important;border:0!important;border-radius:10px!important;background:var(--signup-ref-field)!important;box-shadow:none!important;transform:none!important;transition:none!important}
body:has(.signup-page) .signup-input:focus-within{transform:none!important;border:0!important;box-shadow:0 0 0 2px rgba(198,109,27,.24)!important}
body:has(.signup-page) .signup-input input{min-height:54px!important;padding:0 15px!important;color:#444a52!important;font-size:16px!important}
body:has(.signup-page) .signup-input input::placeholder{color:#858994!important}
body:has(.signup-page) .signup-phone-input{grid-template-columns:62px minmax(0,1fr)!important}
body:has(.signup-page) .signup-phone-input>span{height:32px!important;border-right:1px solid var(--signup-ref-orange)!important;color:var(--signup-ref-orange)!important;font-size:14px!important}
body:has(.signup-page) .signup-password-input{grid-template-columns:minmax(0,1fr) 44px!important}
body:has(.signup-page) .signup-password-input>button{width:44px!important;height:54px!important;color:#a6afba!important}
body:has(.signup-page) .signup-ref-input{grid-template-columns:44px minmax(0,1fr)!important}
body:has(.signup-page) .signup-ref-input>span{color:#a69888!important;font-size:18px!important}
body:has(.signup-page) .signup-captcha-input{grid-template-columns:44px minmax(0,1fr) auto!important;padding-right:8px!important}
body:has(.signup-page) .signup-captcha-input>span{color:#a69888!important;font-size:16px!important}
.signup-captcha-button{min-width:72px;height:34px;padding:0 15px;border:0!important;border-radius:18px!important;background:linear-gradient(90deg,var(--signup-ref-dark),var(--signup-ref-light))!important;color:#fff;font:600 11px/1 Arial,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 9px rgba(156,75,12,.25)}
.signup-captcha-button:disabled{opacity:.58;cursor:wait}
.signup-captcha-refresh{display:grid;width:132px;height:42px;padding:0;border:0!important;border-radius:7px!important;overflow:hidden;background:#fffaf1;place-items:center;cursor:pointer}
.signup-captcha-refresh[hidden]{display:none!important}
.signup-captcha-refresh img{display:block;width:132px;height:42px;object-fit:contain}
body:has(.signup-page) .signup-submit{min-height:50px!important;margin-top:1px!important;border:0!important;border-radius:26px!important;background:linear-gradient(90deg,var(--signup-ref-dark),var(--signup-ref-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(.signup-page) .signup-submit:hover{background:linear-gradient(90deg,#9f4e0d,#cf842c)!important}
body:has(.signup-page) .signup-login{margin-top:19px!important}
body:has(.signup-page) .signup-login a{color:var(--signup-ref-orange)!important;font-size:13px!important;font-weight:500!important}
body:has(.signup-page) .signup-error{border:0!important;border-radius:9px!important;background:#fff7f7!important;color:#b3261e!important}
@media(max-width:500px){body:has(.signup-page) .signup-page{width:100%!important;box-shadow:none!important}body:has(.signup-page) .signup-form-panel{padding:25px 24px 36px!important}}
@media(max-width:380px){body:has(.signup-page) .signup-form-panel{padding-right:18px!important;padding-left:18px!important}body:has(.signup-page) .signup-fields{gap:13px!important}body:has(.signup-page) .signup-title-row h2{font-size:19px!important}.signup-captcha-refresh,.signup-captcha-refresh img{width:112px}}