/* The registration screen follows the supplied AllDaigou service artwork. */
.auth-page.is-registration {--reg-bg:#eff3f6;--reg-text:#30343b;--reg-muted:#56647c;--reg-line:#e4e8ee;--reg-primary:#536bd4;min-height:100dvh;background:var(--reg-bg);color:var(--reg-text)}
.is-registration .auth-topbar {background:transparent;border:0;position:absolute;inset:0 0 auto;z-index:1;min-height:66px;padding:16px 28px;align-items:center}
.is-registration .auth-back {color:#49586e}
.is-registration .auth-topbar select {background:#fff;border:1px solid #e4e8ee;border-radius:7px;min-height:42px;padding:8px 12px;color:#344158}
.registration-layout {display:grid;grid-template-columns:36% 64%;align-items:center;max-width:2200px;margin:auto;min-height:100dvh;padding:82px 0 32px;gap:0}
.registration-card {width:calc(100% - 72px);max-width:540px;margin-left:40px;position:relative;z-index:1;border-radius:18px;background:#fff;padding:30px;box-shadow:0 7px 14px #22344f13,0 2px 3px #22344f08}
.registration-form h1 {font-size:clamp(25px,2vw,38px);font-weight:750;line-height:1.4;text-align:center;color:#2c3035;letter-spacing:-.7px;margin:0 0 30px}
.registration-fields {display:grid;gap:16px}
.registration-fields>label {display:grid;gap:7px;color:var(--reg-muted);font-size:14px;font-weight:500;line-height:1.4}
.registration-input {position:relative;display:flex;align-items:center;min-width:0}
.registration-input>svg {position:absolute;left:12px;pointer-events:none}
.registration-input svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.registration-input input {display:block;width:100%;min-width:0;min-height:46px;padding:11px 40px 11px 41px;border:1px solid var(--reg-line);border-radius:8px;color:var(--reg-text);background:#fff;font-size:14px;line-height:1.5;box-shadow:none}
.registration-input input::placeholder {color:#7d8796;opacity:1}
.registration-input button {position:absolute;right:3px;top:3px;bottom:3px;display:grid;place-items:center;width:38px;padding:8px;color:#6a7585;border-radius:5px}
.registration-consents {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:20px}
.registration-consents label {display:flex;align-items:flex-start;gap:5px;font-size:12px;line-height:1.7;color:#4e586b;cursor:pointer}
.registration-consents input {appearance:auto;width:14px;height:14px;min-height:0;flex:0 0 14px;margin:3px 0;padding:0;accent-color:var(--reg-primary)}
.registration-consents a {color:#4f63c4;text-decoration:underline;text-underline-offset:2px}
.registration-submit {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--reg-primary);color:#fff;border-radius:7px;min-height:48px;font-size:16px;font-weight:600;margin-top:14px;padding:11px 16px}
.registration-submit:hover {background:#4359bd}
.registration-submit:disabled {opacity:.6;cursor:wait}
.registration-submit .spinner {width:18px;height:18px;border-color:#ffffff55;border-top-color:#fff}
.registration-switch {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin-top:14px;font-size:13px;color:#4e586b}
.registration-switch button {color:#4f63c4;padding:5px;font-size:13px;font-weight:600}
.registration-trial {font-size:11px;line-height:1.6;text-align:center;color:#6a7585;margin:13px 0 0}
.registration-error {margin:16px 0 0;border:1px solid #e7b8b5;background:#fff5f3;color:#a13630;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.6}
.registration-art {align-self:stretch;min-width:0;background-image:url('assets/registration-service.jpg');background-repeat:no-repeat;background-size:171% auto;background-position:right center;min-height:720px}
.registration-symbols {position:absolute;width:0;height:0;overflow:hidden}
.is-registration input:focus-visible,.is-registration button:focus-visible,.is-registration a:focus-visible,.is-registration select:focus-visible {outline:2px solid #536bd4;outline-offset:3px}
@media (min-width:1700px) {.registration-card{margin-left:4vw;width:calc(100% - 120px);padding:34px}.registration-fields{gap:20px}.registration-input input{min-height:49px}.registration-form h1{margin-bottom:34px}.registration-layout{padding-top:85px}.registration-art{min-height:860px}}
@media (max-width:1199px) {.registration-layout{grid-template-columns:43% 57%}.registration-card{width:calc(100% - 44px);margin-left:24px;padding:25px}.registration-art{background-size:171% auto}.registration-form h1{font-size:27px}.registration-consents{gap:8px}}
@media (max-width:800px) {.is-registration .auth-topbar{position:relative;min-height:66px;padding:12px 18px}.registration-layout{display:flex;flex-direction:column;padding:10px 18px 30px;min-height:0;gap:28px}.registration-card{width:100%;max-width:520px;margin:0;padding:28px 24px}.registration-form h1{font-size:28px;margin-bottom:26px}.registration-fields{gap:18px}.registration-input input{font-size:16px;min-height:48px}.registration-art{align-self:center;width:100%;max-width:700px;min-height:0;aspect-ratio:1.17;background-size:171% auto;background-position:right center;border-radius:12px}.registration-consents{font-size:12px}.registration-trial{font-size:12px}}
@media (max-width:380px) {.registration-layout{padding-inline:12px}.registration-card{padding:25px 18px}.registration-form h1{font-size:25px}.registration-consents{flex-direction:column}.registration-input input{font-size:14px}.registration-switch{font-size:12px}.is-registration .auth-topbar{padding-inline:15px}}
