.dmm-auth .auth-main{padding:34px 20px 45px}.account-wrap{width:100%;max-width:580px;margin:0 auto}.account-tabs{display:flex;gap:8px;max-width:400px;margin:0 auto 22px;padding:5px;background:#fff;border:1px solid #dce7f4;border-radius:30px}.account-tabs a{flex:1;display:flex;justify-content:center;align-items:center;gap:9px;padding:9px 12px;color:#667b96;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:25px}.account-tabs span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#edf4fa;color:#015abd}.account-tabs .selected{border-color:#f5c9a5;background:#fff8f3;color:#162343}.account-tabs .selected span{background:#ee7f1e;color:#fff}.account-panel{border-radius:16px;background:#182544;overflow:hidden;box-shadow:0 10px 25px #1623430c}.car-heading{position:relative;background:linear-gradient(90deg,rgba(17,30,55,.91),rgba(17,30,55,.3)),url('/assets/img/tyre-tread-auth.webp') center 46% / cover;min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:28px 32px;border-bottom:1px solid #ffffff24}.car-heading h1{font-size:28px;color:#fff;margin:0 0 10px;font-weight:700}.car-heading h1 span{color:#ff951f}.car-heading p{font-size:15px;color:#fff;margin:0;line-height:1.5}.account-fields{padding:25px 32px 26px}.account-fields label{color:#fff;font-size:15px;font-weight:600;margin-bottom:8px}.account-fields input,.account-fields select{background:#fff;color:#162343;border:1px solid #cadcf2;height:50px;border-radius:10px;margin-bottom:19px}.account-fields input::placeholder{color:#6d7d95}.account-fields .label-row a{color:#bddaff;font-size:13px}.account-fields .password button{top:4px}.account-fields .primary{width:auto;min-width:142px;justify-content:center;border-radius:12px;padding:12px 24px;font-size:16px;min-height:47px;margin-top:5px}.account-fields .hint{color:#d0dbee;font-size:13px;line-height:1.6}.account-fields .hint a{color:#bddaff;text-decoration:underline}.account-switch{color:#d0dbee;border-top:1px solid #ffffff26;margin-top:23px;padding-top:20px;font-size:14px}.account-switch a{color:#fff;font-weight:650;margin-left:5px}.rules{display:inline-block;color:#bddaff;font-size:12px;margin-top:13px;text-decoration:underline}#status{color:#fff;font-size:14px}.account-fields input:focus-visible,.account-fields select:focus-visible{outline:3px solid #79b8ff;outline-offset:3px}.account-tabs a:focus-visible{outline:3px solid #015abd;outline-offset:3px}.account-fields select option{background:#fff;color:#162343}@media(max-width:700px){main{padding:22px 16px 28px}.account-tabs{margin-bottom:17px;max-width:100%;gap:3px}.account-tabs a{padding:7px 9px;font-size:13px}.car-heading{min-height:136px;padding:22px;background-position:center 45%}.car-heading h1{font-size:25px}.car-heading p{font-size:14px;max-width:260px}.account-fields{padding:22px}.account-fields .primary{margin-left:auto;margin-right:auto}.account-switch{text-align:center}.rules{display:block;text-align:center}.account-panel{border-radius:16px}.account-fields input,.account-fields select{font-size:16px}}

.dmm-auth { background: #f4f8f7; }
.dmm-auth .account-wrap { font-family: Urbanist, sans-serif; }
.dmm-auth .account-fields label { display: block; }
.dmm-auth .account-fields input:not([type=hidden]),
.dmm-auth .account-fields select { display: block; width: 100%; padding: 0 16px; font: inherit; font-size: 16px; }
.dmm-auth .account-fields input[type=hidden] { display: none; }
.dmm-auth .account-fields .label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.dmm-auth .password { position: relative; }
.dmm-auth .password input { padding-right: 50px !important; }
.dmm-auth .password-toggle { position: absolute; right: 7px; top: 4px; width: 42px; height: 42px; border: 0; background: transparent; color: #526780; }
.dmm-auth .account-fields .primary { display: inline-flex; align-items: center; gap: 17px; border: 1px solid #ee7f1e; background: #ee7f1e; color: #fff; font-weight: 600; cursor: pointer; }
.dmm-auth .account-fields .primary:disabled { opacity: .7; cursor: wait; }
.dmm-auth .account-fields .from-login-btn { text-align: left !important; }
.dmm-auth .hint { margin: 0 0 18px; text-align: left; }
.dmm-auth .account-fields .alert { border-radius: 8px; padding: 12px 14px; font-size: 14px; line-height: 1.5; margin-bottom: 18px; }
.dmm-auth .account-fields .alert-danger { background: #fff0ed; border: 1px solid #f5beb3; color: #8b2c1d; }
.dmm-auth .account-fields .alert-success { background: #e9f7ee; border: 1px solid #b8ddc6; color: #21653d; }
.dmm-auth .account-fields p { line-height: 1.6; }
.dmm-auth .account-fields a:focus-visible,.dmm-auth .account-fields button:focus-visible { outline: 3px solid #8bbfff; outline-offset: 3px; }
.dmm-auth .fal { font-family: 'Font Awesome 5 Pro' !important; font-weight: 300 !important; font-style: normal !important; }
.dmm-auth .fa-user-plus:before { content: '\f234'; }
.dmm-auth .fa-eye:before { content: '\f06e'; }
.dmm-auth .fa-lock:before { content: '\f023'; }
@media(max-width:700px) {
 .dmm-auth .account-fields .primary { display: flex; width: fit-content; margin-left: auto; margin-right: auto; }
 .dmm-auth .account-fields .from-login-btn { text-align: center !important; }
}
