/* Register page — extends login.css (fields, phone-code select) with the 1080px artboard layout. */
.orderx-register-shell { padding-top: max(calc(var(--ox-u) * 40), env(safe-area-inset-top)); }
.orderx-register-shell .auth-language-link { top: max(calc(var(--ox-u) * 42), env(safe-area-inset-top)); }
.orx-reg-head { position: relative; display: flex; gap: calc(var(--ox-u) * 36); margin-top: calc(var(--ox-u) * 96); padding-top: calc(var(--ox-u) * 36); }
.orx-reg-back {
    display: grid; place-items: center; flex: 0 0 calc(var(--ox-u) * 60); width: calc(var(--ox-u) * 60);
    height: calc(var(--ox-u) * 90); margin-left: calc(var(--ox-u) * -4); color: #fff; text-decoration: none;
}
.orx-reg-back::before {
    content: ""; width: calc(var(--ox-u) * 24); height: calc(var(--ox-u) * 24);
    border-left: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: rotate(45deg);
}
.orx-reg-head h1 { margin: 0; font-size: calc(var(--ox-u) * 61); line-height: 1.2; font-weight: 700; }
.orx-reg-head p { margin: calc(var(--ox-u) * 22) 0 0; color: #a9b0ab; font-size: calc(var(--ox-u) * 33); line-height: 1.3; }
.orx-reg-brand { margin-top: calc(var(--ox-u) * 70); }
.orx-reg-brand strong { display: block; font-size: calc(var(--ox-u) * 56); line-height: 1.15; font-weight: 800; letter-spacing: -.01em; }
.orx-reg-brand strong i { color: #c8ff28; font-style: normal; }
.orx-reg-brand span { display: block; margin-top: calc(var(--ox-u) * 14); color: #a9b0ab; font-size: calc(var(--ox-u) * 28); }
.orx-reg-form { margin-top: calc(var(--ox-u) * 118); }
.orx-reg-form .orderx-field-label { margin-left: 0; font-size: calc(var(--ox-u) * 33); }
.orx-reg-form .orderx-field { height: calc(var(--ox-u) * 133); margin-bottom: calc(var(--ox-u) * 37); border-radius: calc(var(--ox-u) * 35); padding: 0 calc(var(--ox-u) * 44); }
.orx-reg-form .orderx-phone-field { padding-left: calc(var(--ox-u) * 26); }
.orx-reg-form .orderx-field > input { font-size: calc(var(--ox-u) * 38); }
.orx-reg-form .password-toggle {
    position: relative; flex: 0 0 calc(var(--ox-u) * 68); width: calc(var(--ox-u) * 68);
    height: calc(var(--ox-u) * 68); margin-right: calc(var(--ox-u) * -16); border: 0; background: transparent;
}
.orx-reg-form .password-toggle span {
    position: absolute; left: 50%; top: 50%; width: calc(var(--ox-u) * 37); height: calc(var(--ox-u) * 25);
    border: 1.5px solid #6d7872; border-radius: 50% 50% 45% 45%; transform: translate(-50%, -50%);
}
.orx-reg-form .password-toggle span::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: calc(var(--ox-u) * 8); height: calc(var(--ox-u) * 8);
    border: 1.5px solid #6d7872; border-radius: 50%; transform: translate(-50%, -50%);
}
.orx-reg-form .password-toggle .eye-off::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: calc(var(--ox-u) * 46);
    height: 1.5px; background: #6d7872; transform: translate(-50%, -50%) rotate(38deg);
}
.orx-reg-form .password-toggle .eye-on, .orx-reg-form .password-toggle.is-showing .eye-off { display: none; }
.orx-reg-form .password-toggle.is-showing .eye-on { display: block; }
.orx-agree { position: relative; display: flex; align-items: center; gap: calc(var(--ox-u) * 24); margin: calc(var(--ox-u) * 12) 0 calc(var(--ox-u) * 62); color: #a9b0ab; font-size: calc(var(--ox-u) * 27); cursor: pointer; }
.orx-agree input { position: absolute; opacity: 0; width: 0; height: 0; }
.orx-agree-box {
    display: grid; place-items: center; flex: 0 0 calc(var(--ox-u) * 44); width: calc(var(--ox-u) * 44); height: calc(var(--ox-u) * 44);
    border: 1.5px solid #3a4540; border-radius: calc(var(--ox-u) * 12); background: #252a25;
}
.orx-agree-box img { display: none; width: calc(var(--ox-u) * 24); height: auto; }
.orx-agree input:checked + .orx-agree-box { border-color: #c8ff28; }
.orx-agree input:checked + .orx-agree-box img { display: block; }
.orx-agree input:focus-visible + .orx-agree-box { box-shadow: 0 0 0 3px rgba(200,255,40,.2); }
.orx-agree a { color: #c8ff28; text-decoration: none; }
.orx-agree a + a { margin-left: calc(var(--ox-u) * 40); }
.orx-reg-submit {
    display: flex; align-items: center; justify-content: center; width: 100%; height: calc(var(--ox-u) * 144);
    border: 0; border-radius: calc(var(--ox-u) * 44); background: linear-gradient(90deg, #d8ff46, #b5f51b);
    color: #11150b; font-size: calc(var(--ox-u) * 44); font-weight: 700; letter-spacing: .08em; cursor: pointer;
}
.orx-reg-submit:disabled { opacity: .5; filter: saturate(.65); cursor: not-allowed; }
.orx-reg-login { margin: calc(var(--ox-u) * 46) 0 0; text-align: center; color: #f5f7f4; font-size: calc(var(--ox-u) * 30); }
.orx-reg-login a { margin-left: calc(var(--ox-u) * 12); color: #f5f7f4; font-weight: 600; text-decoration: none; }
/* forgot-password extras */
.orx-code-btn { flex: 0 0 auto; margin-right: calc(var(--ox-u) * -10); padding: calc(var(--ox-u) * 22) calc(var(--ox-u) * 34); border: 1px solid #44552a; border-radius: calc(var(--ox-u) * 28); background: #2a331d; color: #c8ff28; font: inherit; font-size: calc(var(--ox-u) * 32); font-weight: 700; cursor: pointer; white-space: nowrap; }
.orx-code-btn:disabled { opacity: .55; cursor: not-allowed; }
.orx-hint { margin: calc(var(--ox-u) * -14) 0 calc(var(--ox-u) * 28); color: #a9b0ab; font-size: calc(var(--ox-u) * 29); line-height: 1.5; min-height: 0; }
.orx-hint:empty { display: none; }