html[data-ui-theme] #registerPage{height:100dvh;overflow:auto;background:var(--bg-secondary)}
html[data-ui-theme] .register-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(480px,1.1fr);height:auto;min-height:100dvh;overflow:visible}
html[data-ui-theme] .register-form-section{grid-column:2;grid-row:1;display:flex;align-items:center;padding:28px 48px;min-height:100dvh;background:var(--bg-secondary);overflow:visible}
html[data-ui-theme] .register-form-container{width:100%;max-width:440px;padding:0;margin:auto}
html[data-ui-theme] .register-header{margin:0 0 18px;padding:0}
html[data-ui-theme] .register-header .back-link{font-size:13px;margin:0 0 20px;display:inline-flex;gap:8px;align-items:center}
html[data-ui-theme] .register-header h1{font-size:32px;margin:0;line-height:1.3}
html[data-ui-theme] .register-header p:empty,html[data-ui-theme] .verify-hint:empty{display:none}
html[data-ui-theme] .register-step-content{padding:0;background:transparent;border:0;box-shadow:none;animation:none}
html[data-ui-theme] :is(#registerStep1,#registerStep2)>.step-icon,html[data-ui-theme] :is(#registerStep1,#registerStep2)>h2{display:none}
html[data-ui-theme] .register-step-content>.step-desc{font-size:14px;color:var(--text-muted);margin:16px 0;line-height:1.7;text-align:left}
html[data-ui-theme] .register-step-content .form-group{margin:0 0 12px;display:block}
html[data-ui-theme] .register-step-content label{display:block;font-size:14px;margin:0 0 7px}
html[data-ui-theme] .register-step-content input{width:100%;height:46px;box-sizing:border-box;text-align:left}
html[data-ui-theme] #inviteCodeInput{font-family:Consolas,monospace;letter-spacing:1px;font-size:17px}
html[data-ui-theme] .register-step-content small{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}
html[data-ui-theme] .register-step-content .error-msg{margin:12px 0 0;text-align:left}
html[data-ui-theme] .register-step-content .error-msg:empty{display:none}
html[data-ui-theme] .register-step-content .btn-group{display:flex;gap:10px;margin-top:18px}
html[data-ui-theme] #verifyCodeBtn,html[data-ui-theme] #toStep3Btn{min-height:46px;width:100%;display:flex;justify-content:center;gap:8px;align-items:center}
html[data-ui-theme] .register-form-container .vertical-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0}
html[data-ui-theme] .register-form-container .v-step{display:flex;align-items:center;gap:8px;margin:0;padding:10px 0;border-bottom:2px solid var(--border);opacity:1;color:var(--text-muted)}
html[data-ui-theme] .register-form-container .v-step.active,html[data-ui-theme] .register-form-container .v-step.completed{border-color:var(--primary);color:var(--primary)}
html[data-ui-theme] .register-form-container .v-step:nth-child(-n+2)::before{content:'0' attr(data-step);font-family:'OI Grotesk',sans-serif;font-size:12px}
html[data-ui-theme] .register-form-container :is(.v-step-indicator,.v-step-desc){display:none}
html[data-ui-theme] .register-form-container .v-step-title{font-size:13px;color:inherit;font-weight:600}
html[data-ui-theme] .register-form-container .v-step:nth-child(n+3){display:none!important}
html[data-ui-theme] .register-side-section{grid-column:1;grid-row:1;width:auto;min-height:100dvh;padding:42px 48px;background:var(--primary);color:var(--bg-secondary);display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:relative;overflow:hidden}
html[data-ui-theme] .signup-masthead,html[data-ui-theme] .signup-rail-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
html[data-ui-theme] .signup-masthead>span:first-child{font:700 32px 'OI Grotesk',sans-serif;letter-spacing:-1.5px}
html[data-ui-theme] .signup-masthead>span:last-child,html[data-ui-theme] .signup-rail-foot{font-size:12px;opacity:.85}
html[data-ui-theme] .signup-story{padding:55px 0}
html[data-ui-theme] .signup-tag{font:12px Consolas,monospace;letter-spacing:2px;opacity:.75}
html[data-ui-theme] .signup-story h2{font-size:clamp(36px,4.5vw,64px);line-height:1.25;color:inherit;margin:24px 0 12px;letter-spacing:-2px}
html[data-ui-theme] .signup-story p{font-size:15px;opacity:.85;margin:30px 0 0}
html[data-ui-theme] .signup-illustration{height:200px;position:relative;margin:35px 0 0}
html[data-ui-theme] .signup-code{display:inline-block;font:600 48px Consolas,monospace;letter-spacing:5px;border:1px solid currentColor;border-radius:14px;padding:8px 22px;transform:rotate(-7deg);position:relative;z-index:1}
html[data-ui-theme] .signup-illustration svg{position:absolute;inset:40px 0 0;width:100%;height:150px;opacity:.65}
html[data-ui-theme] .signup-stamp{position:absolute;right:0;bottom:5px;font-size:16px;line-height:1.5;border:1px solid currentColor;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;transform:rotate(12deg)}
@media(max-width:800px){
 html[data-ui-theme] .register-layout{grid-template-columns:1fr}
 html[data-ui-theme] .register-side-section{grid-column:1;grid-row:1;min-height:0;padding:24px 28px}
 html[data-ui-theme] .signup-story{padding:24px 0 0}
 html[data-ui-theme] .signup-story h2{font-size:31px;letter-spacing:-1px;margin:0}
 html[data-ui-theme] .signup-story h2 br,html[data-ui-theme] :is(.signup-tag,.signup-illustration,.signup-rail-foot,.signup-story p){display:none}
 html[data-ui-theme] .register-form-section{grid-column:1;grid-row:2;min-height:0;padding:28px}
 html[data-ui-theme] .register-header .back-link{margin-bottom:22px}
 html[data-ui-theme] .register-header h1{font-size:26px}
}