/* Registration composition uses the same components and colors as the login. */
.registration-page{overflow:clip}
.registration-shell{width:min(1180px,calc(100% - 96px));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;padding-block:38px 48px}
.registration-intro{padding-top:65px}
.registration-page h1{font-size:clamp(52px,5.4vw,76px);letter-spacing:-3.8px}
.registration-intro .login-lead{font-size:14px;line-height:1.8;margin-top:22px}
.registration-intro .login-scene{height:263px;margin-top:17px}
.registration-intro .login-card{width:124px;left:23%}
.registration-intro .login-chips{width:139px;bottom:5px}
.registration-intro .login-table-word{font-size:10px;right:24px}
.registration-journey{list-style:none;padding:18px 0 0;margin:28px 0 0;border-top:1px solid var(--color-border);display:grid;gap:19px}
.registration-journey li{display:flex;align-items:flex-start;gap:13px}
.registration-journey li>span{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border:1px solid #d7f75b26;border-radius:9px;color:var(--color-primary);background:#d7f75b06}
.registration-journey svg{width:17px;height:17px}
.registration-journey strong{font-size:12px;font-weight:650;line-height:1.7}
.registration-page .registration-journey p{font-size:11px;line-height:1.7;color:var(--color-text-secondary);margin-top:2px}
.registration-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.registration-topline .login-back{margin-bottom:0}
.registration-topline>a:last-child{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:11px;color:var(--color-primary)}
.registration-topline>a:last-child svg{width:16px;height:16px}
.registration-topline>a:hover{text-decoration:underline;text-underline-offset:4px}
.registration-panel{padding:30px 32px}
.registration-page h2{font-size:34px;line-height:1.12}
.registration-page h2 br{display:none}
.registration-form{gap:24px;margin-top:27px}
.registration-group{min-width:0;border:0;border-top:1px solid var(--color-border);padding:20px 0 0;margin:0}
.registration-group legend{font-size:13px;font-weight:700;line-height:1.5;padding:0 12px 0 0;color:var(--color-text)}
.registration-group legend>span{font-size:10px;letter-spacing:.7px;color:var(--color-primary);margin-right:9px;font-variant-numeric:tabular-nums}
.registration-page .registration-group-note{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--color-text-secondary);line-height:1.7;margin:-6px 0 15px}
.registration-group-note svg{width:14px;height:14px;color:#9bb58e}
.registration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;align-items:start}
.registration-wide{grid-column:1/-1}
.registration-fields .login-input-wrap{margin-top:7px}
.registration-fields input{padding:13px 14px;min-height:50px;line-height:1.4}
.registration-fields input[type=date]{display:block;appearance:auto;min-width:0;max-width:100%}
.registration-fields input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
.registration-fields input[aria-invalid=true]{border-color:var(--color-danger)}
.registration-fields input[aria-invalid=true]:focus{border-color:var(--color-primary)}
.registration-fields #registration-password{padding-right:48px}
.registration-fields .login-password-toggle{top:2px}
.registration-fields small{display:block;font-size:10px;font-weight:400;line-height:1.65;color:var(--color-text-secondary);margin-top:7px;overflow-wrap:anywhere}
.registration-page .registration-field-error{display:block;color:var(--color-danger);font-size:11px;line-height:1.6;margin-top:6px}
.registration-page .registration-field-error[hidden]{display:none}
.registration-page .registration-alias-note{font-size:11px;line-height:1.7;color:var(--color-text-secondary);margin-top:14px}
.registration-page .form-errors{font-size:12px;line-height:1.6;padding:11px 13px}
.registration-page .iti{width:100%;--iti-hover-color:#d7f75b16;--iti-border-color:#3c4846;--iti-country-selector-bg:#111b18;--iti-icon-color:#a7b5ac;color:var(--color-text);font:400 14px/1.5 Inter,sans-serif}
.registration-page .iti__selected-country{border-radius:7px 0 0 7px;min-width:87px}
.registration-page .iti__selected-dial-code{font-size:13px;white-space:nowrap}
.registration-page .iti__country-selector{margin-top:5px;border-radius:8px;box-shadow:0 12px 28px #0007;overflow:hidden;max-width:calc(100vw - 48px);z-index:5}
.registration-page .iti__country{min-height:44px;gap:4px;font-size:12px;white-space:normal}
.registration-page .iti__country-name{overflow-wrap:anywhere}
.registration-page .iti__search-input{border:0;border-bottom:1px solid var(--color-border);border-radius:7px 7px 0 0;padding:12px 40px;min-height:48px;font-size:16px}
.registration-page .iti__search-clear{min-width:40px;min-height:40px;right:0}
.registration-page .iti__search-icon-svg{position:static;width:17px;height:17px}
.registration-page .iti__search-clear-svg,.registration-page .iti__country-check-svg{width:15px;height:15px}
.registration-page .iti__selected-country:focus-visible{outline-offset:-3px}
.registration-page .iti__country-list{max-height:220px;scrollbar-color:#56624b #111b18}
@media(prefers-reduced-motion:reduce){.registration-page .iti *{animation:none!important;transition:none!important}}
.registration-confirmations{display:grid;gap:3px;border-top:1px solid var(--color-border);padding-top:16px}
.registration-confirmations label{display:flex;align-items:flex-start;gap:11px;min-height:44px;padding-block:10px;font-size:11px;line-height:1.8;color:var(--color-text-secondary);cursor:pointer}
.registration-confirmations input{appearance:auto;accent-color:var(--color-primary);width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;cursor:pointer}
.registration-confirmations strong{font-weight:600;color:var(--color-text)}
.registration-confirmations a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.registration-confirmations a:hover{color:var(--color-primary-hover)}
.registration-form .login-submit{margin-top:-12px}
.registration-page .registration-login{display:flex;align-items:center;justify-content:center;gap:3px 7px;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:15px;margin-top:24px;font-size:11px;color:var(--color-text-secondary);line-height:1.7}
.registration-login a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--color-text);font-weight:600}
.registration-login a:hover{color:var(--color-primary)}
.registration-login svg{width:15px;height:15px}
.registration-page .registration-mail-notice{display:flex;align-items:flex-start;gap:9px;color:var(--color-warning);background:#efca8208;border:1px solid #efca8238;border-radius:8px;padding:12px;margin-top:18px;font-size:11px;line-height:1.75}
.registration-mail-notice svg{width:16px;height:16px;margin-top:2px}
@media(min-width:1001px) and (min-height:900px){.registration-intro{position:sticky;top:28px;padding-top:32px}}
@media(max-width:1100px){.registration-shell{width:calc(100% - 64px);gap:34px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.registration-page h1{font-size:58px;letter-spacing:-3px}.registration-panel{padding:27px}.registration-page h2{font-size:30px}.registration-intro .login-scene{height:230px;margin-inline:-6px}.registration-intro .login-card{width:107px;left:20%}.registration-intro .login-table{top:80px}.registration-intro .login-chips{width:114px}.registration-intro .login-table-word{display:none}.registration-intro .login-dealer{right:25px;bottom:26px}.registration-intro .login-scene-caption{font-size:6px;letter-spacing:1px}.registration-fields{gap:17px 13px}.registration-fields small{font-size:10px}}
@media(max-width:900px){.registration-shell{width:min(640px,calc(100% - 48px));display:flex;flex-direction:column;gap:0;padding-block:26px 35px}.registration-intro{width:100%;padding:0 0 22px;min-height:153px}.registration-intro>.login-kicker{font-size:9px;margin-bottom:13px}.registration-page h1{font-size:47px;letter-spacing:-2.4px;line-height:1.02;position:relative;z-index:2}.registration-intro .login-lead,.registration-journey,.registration-intro .login-table,.registration-intro .login-dealer,.registration-intro .login-scene-caption{display:none}.registration-intro .login-scene{position:absolute;right:4px;bottom:23px;width:150px;height:126px;margin:0;pointer-events:none}.registration-intro .login-card{width:75px;left:34px;top:8px}.registration-intro .login-card-back{transform:translateX(23px) rotate(17deg)}.registration-intro .login-card-front{transform:translateX(-11px) rotate(-14deg);top:18px}.registration-intro .login-chips{width:80px;left:-12px;bottom:-9px}.registration-access{width:100%}.registration-panel{padding:28px}.registration-topline{margin-bottom:10px}.registration-page h2{font-size:31px}.registration-page h2 br{display:none}}
@media(max-width:600px){.registration-shell{width:min(440px,calc(100% - 36px));padding-top:25px}.registration-intro{min-height:141px;padding-bottom:20px}.registration-intro>.login-kicker{font-size:8px;letter-spacing:1px;margin-bottom:12px}.registration-page h1{font-size:41px;letter-spacing:-2px}.registration-intro .login-scene{right:0;bottom:22px;width:118px;height:105px}.registration-intro .login-card{width:60px;left:28px;top:7px}.registration-intro .login-card-front{top:15px}.registration-intro .login-chips{width:65px;left:-12px;bottom:-6px}.registration-panel{padding:23px 22px;border-radius:14px}.registration-page h2{font-size:28px}.registration-fields{grid-template-columns:1fr;gap:17px}.registration-fields small{font-size:11px}.registration-page .login-description{font-size:12px;line-height:1.75}.registration-group legend{font-size:14px}.registration-page .registration-group-note{font-size:11px}.registration-form{gap:24px}.registration-confirmations label{font-size:12px;line-height:1.75}.registration-page .registration-login{font-size:11px}.registration-topline>a:last-child,.registration-topline .login-back{font-size:11px}}
@media(max-width:359px){.registration-shell{width:calc(100% - 28px)}.registration-page h1{font-size:35px;letter-spacing:-1.8px}.registration-intro{min-height:125px}.registration-intro>.login-kicker{font-size:7px;letter-spacing:.8px}.registration-intro .login-scene{right:-2px;bottom:18px;transform:scale(.83);transform-origin:right bottom}.registration-panel{padding:22px 18px}.registration-page h2{font-size:25px}.registration-topline>a:last-child,.registration-topline .login-back{font-size:10px}.registration-topline{gap:7px}.registration-fields small{font-size:10px}}