.branded-layout{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100vw;overflow:hidden}.branded-form-section{display:flex;justify-content:center;align-items:center;padding:2rem;order:1}.branded-branding-section{background-image:url(/assets/media/images/2600x1600/1.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.75rem;border:1px solid #e1e5e9;margin:1.25rem;order:2;display:flex;flex-direction:column;padding:1.5rem 3rem;gap:.75rem}.branded-form-container{max-width:370px;width:100%;background:#fff;border:1px solid #e1e5e9;border-radius:.75rem;box-shadow:0 0 20px #4c577d05}.branded-form{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.branded-form-title{text-align:center;margin-bottom:.5rem}.branded-form-title h3{font-size:1.125rem;font-weight:500;line-height:1;margin-bottom:.5rem;color:#3f4254}.branded-form-title span{font-size:.875rem;color:#6c7293;line-height:1.5}.branded-form-group{display:flex;flex-direction:column;gap:.25rem}.branded-form-label{color:#3f4254;font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:.125rem}.branded-input{background-color:#fff;border:1px solid #e1e5e9;border-radius:.5rem;color:#3f4254;font-size:.875rem;line-height:1.5;padding:.75rem 1rem;transition:all .2s ease;width:100%}.branded-input:focus{border-color:#009ef7;box-shadow:0 0 0 .2rem #009ef740;outline:none}.branded-password-container{position:relative}.branded-password-toggle{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.5rem;width:2rem;height:2rem;cursor:pointer;color:#6c7293}.branded-checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer}.branded-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #e1e5e9;border-radius:.25rem;cursor:pointer;height:1rem;width:1rem}.branded-checkbox:checked{background-color:#009ef7;border-color:#009ef7}.branded-checkbox-label{color:#3f4254;font-size:.875rem;line-height:1.5}.branded-submit-btn{background-color:#009ef7;border-color:#009ef7;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s ease;display:flex;justify-content:center;align-items:center;width:100%}.branded-submit-btn:hover{background-color:#0095e8;border-color:#0095e8}.branded-otp-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.branded-otp-input{background-color:#fff;border:1px solid #e1e5e9;border-radius:.5rem;color:#3f4254;font-size:.875rem;line-height:1.5;padding:.75rem 0;text-align:center;width:2.5rem;height:2.5rem;max-width:2.5rem;max-height:2.5rem;transition:all .2s ease}.branded-otp-input:focus{border-color:#009ef7;box-shadow:0 0 0 .2rem #009ef740;outline:none}.branded-otp-input::-moz-placeholder{color:#6c7293}.branded-otp-input::placeholder{color:#6c7293}.branded-otp-input.filled{background-color:#f8f9fa;border-color:#009ef7}.branded-logo{height:28px;max-width:none}.branded-branding-title{font-size:1.5rem;font-weight:600;color:#3f4254;margin-bottom:.75rem}.branded-branding-description{font-size:1rem;font-weight:500;color:#6c7293;line-height:1.5}.branded-branding-description strong{color:#3f4254;font-weight:600}@media (max-width: 1023px){.branded-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.branded-form-section{order:2;padding:1.5rem}.branded-branding-section{order:1;margin:.75rem;padding:1rem 1.5rem;min-height:200px}.branded-form{padding:1rem}}@media (max-width: 767px){.branded-form-section{padding:1rem}.branded-branding-section{padding:.75rem 1rem}.branded-form{padding:.75rem}.branded-social-buttons{grid-template-columns:1fr}}