.login-fields{display:grid;gap:14px}
.login.registration-mode{grid-template-columns:minmax(340px,34vw) minmax(720px,1fr);background:#f4f7fb}
.login.registration-mode .login-visual{padding:48px clamp(34px,4vw,64px)}
.login.registration-mode .login-visual-inner{max-width:420px}
.login.registration-mode .login-visual-inner h1{font-size:clamp(30px,2.7vw,42px);margin-top:34px}
.login.registration-mode .login-panel{align-items:flex-start;justify-content:center;overflow:auto;padding:32px clamp(32px,5vw,84px)}
.login.registration-mode .login-form{max-width:980px;margin:auto 0}
.login.registration-mode .login-kicker,.login.registration-mode #authTitle,.login.registration-mode #authSub{display:none}
.registration-wizard{display:grid;gap:24px;padding:28px 30px;background:#fff;border:1px solid #dfe8f3;border-radius:22px;box-shadow:0 18px 50px rgba(18,52,94,.07)}
.registration-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0 2px 4px;list-style:none}
.registration-steps li{display:flex;align-items:center;gap:10px;color:#8090a8;font-size:12px;font-weight:800;position:relative}
.registration-steps li:not(:last-child)::after{content:"";height:2px;background:#dfe8f5;position:absolute;left:44px;right:16px;top:17px}
.registration-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf3fb;color:#6e809a;z-index:1}
.registration-steps li.active,.registration-steps li.complete{color:#0759ca}
.registration-steps li.active b,.registration-steps li.complete b{background:#075fd7;color:#fff}
.registration-steps li.complete::after{background:#6aa8f8}
.registration-step{display:grid;gap:20px}
.registration-heading{padding:2px 0 18px;border-bottom:1px solid #e1e9f4}
.registration-heading small{color:#0870e8;font-size:11px;font-weight:900;letter-spacing:.12em}
.registration-heading h3{margin:6px 0;color:#10233f;font-size:25px}
.registration-heading p{max-width:680px;margin:0;color:#71809a;font-size:13px;line-height:1.55}
.registration-step label{display:block;margin:0;color:#263c5b;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.registration-step label>span{color:#df3d4c}
.registration-step label em{color:#8b99ac;font-size:9px;font-style:normal;font-weight:700;text-transform:none}
.registration-step label>input,.registration-step label>.password-wrap,.registration-step label>.slug-input{margin-top:8px}
.registration-step input{width:100%;min-height:48px;padding:0 14px;border:1px solid #cbd9eb;border-radius:12px;background:#fbfdff;color:#10233f;font:600 13px "Plus Jakarta Sans",sans-serif;letter-spacing:0;text-transform:none;outline:none}
.registration-step input:focus{border-color:#0870e8;box-shadow:0 0 0 3px rgba(8,112,232,.1)}
.registration-step label small{display:block;margin-top:6px;color:#8492a7;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}
.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding:20px;border:1px solid #e2eaf4;border-radius:16px;background:#fafcff}
.registration-grid .wide{grid-column:1/-1}
.csf-upload{display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px dashed #78b1f5;border-radius:14px;background:#f4f9ff}
.csf-upload>i{width:26px;color:#0870e8}
.csf-upload div{display:grid;gap:3px;flex:1}
.csf-upload b{font-size:13px;color:#193658}
.csf-upload span{font-size:10px;color:#7b8ca5}
.csf-upload button{min-height:40px;padding:0 16px;border:1px solid #a9c9ee;border-radius:10px;background:#fff;color:#0759ca;font:800 11px inherit;cursor:pointer}
.csf-upload.dragging{background:#e9f4ff;border-style:solid}
.registration-inline-status{display:none;margin:-10px 0 0;padding:10px 12px;border-radius:10px;font-size:11px}
.registration-inline-status.show{display:block;background:#eaf9f1;color:#087443}
.registration-inline-status.error{display:block;background:#fff0f1;color:#ad2635}
.slug-input{display:flex!important;align-items:center;border:1px solid #cbd9eb;border-radius:12px;overflow:hidden;background:#f4f7fb}
.slug-input>span{padding:0 11px;color:#75869e!important;text-transform:none}
.slug-input input{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.registration-summary{display:grid;grid-template-columns:1fr .65fr 1fr;gap:12px}
.registration-summary div{display:grid;gap:5px;padding:15px;border-radius:12px;background:#f5f8fc;border:1px solid #e0e8f3;min-width:0}
.registration-summary span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#71819a;text-transform:uppercase}
.registration-summary b{overflow:hidden;text-overflow:ellipsis;color:#17304f;font-size:12px}
.registration-consent{display:flex!important;align-items:flex-start;gap:10px;padding:14px;border:1px solid #d7e3f1;border-radius:12px;background:#fbfdff;line-height:1.45;text-transform:none!important;letter-spacing:0!important}
.registration-consent input{width:18px!important;min-height:18px!important;margin:1px 0;accent-color:#0870e8}
.registration-consent span{color:#536782!important;font-weight:600}
.registration-consent a{color:#0759ca}
.registration-actions{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #e1e9f4}
.registration-actions>span{flex:1;text-align:center;color:#8795aa;font-size:10px}
.registration-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:12px;font:800 12px inherit;cursor:pointer}
.registration-actions button i{width:16px}
.registration-actions .primary{width:auto;margin:0;border:0;background:linear-gradient(135deg,#0759ca,#087cf0);color:#fff;box-shadow:0 8px 20px rgba(7,89,202,.18)}
.registration-actions .secondary{border:1px solid #cbd9eb;background:#fff;color:#29415f}
.registration-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:1180px){.login.registration-mode{grid-template-columns:1fr}.login.registration-mode .login-visual{display:none}.login.registration-mode .login-panel{min-height:100vh;padding:30px clamp(20px,6vw,64px)}.login.registration-mode .login-form{margin:auto;width:min(100%,920px)}}
@media(max-width:700px){.login.registration-mode .login-panel{padding:14px}.registration-wizard{gap:20px;padding:20px 16px;border-radius:16px}.registration-grid,.registration-summary{grid-template-columns:1fr;padding:15px}.registration-grid .wide{grid-column:auto}.registration-steps span{display:none}.csf-upload{align-items:flex-start;flex-wrap:wrap}.csf-upload button{width:100%}.registration-actions>span{display:none}.registration-actions button{flex:1;padding:0 12px}}
@media(prefers-color-scheme:dark){body:not(.light-mode) .registration-wizard{background:#0e1928;border-color:#293d57}body:not(.light-mode) .registration-heading h3,body:not(.light-mode) .registration-step input,body:not(.light-mode) .csf-upload b,body:not(.light-mode) .registration-summary b{color:#e8f0fb}body:not(.light-mode) .registration-step input,body:not(.light-mode) .registration-grid,body:not(.light-mode) .csf-upload,body:not(.light-mode) .registration-summary div,body:not(.light-mode) .registration-consent{background:#111d2d;border-color:#30445e}}