.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>select,.registration-step label>.password-wrap,.registration-step label>.slug-input{margin-top:8px}
.registration-step input,.registration-step select{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 select{appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#60748f 50%),linear-gradient(135deg,#60748f 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.registration-step input:focus,.registration-step select:focus{border-color:#0870e8;box-shadow:0 0 0 3px rgba(8,112,232,.1)}
.registration-step input[list]{padding-left:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2360748f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-position:14px center;background-repeat:no-repeat}
.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}}
html[data-theme="dark"] .login.registration-mode{background:#0c121c}
html[data-theme="dark"] .login.registration-mode .login-panel{background:#0c121c}
html[data-theme="dark"] .registration-wizard{background:#151e2a;border-color:#354256;box-shadow:0 22px 60px rgba(0,0,0,.3)}
html[data-theme="dark"] .registration-heading{border-color:#344154}
html[data-theme="dark"] .registration-heading h3,html[data-theme="dark"] .registration-step label,html[data-theme="dark"] .registration-step input,html[data-theme="dark"] .registration-step select,html[data-theme="dark"] .csf-upload b,html[data-theme="dark"] .registration-summary b{color:#f0f5fb}
html[data-theme="dark"] .registration-heading p,html[data-theme="dark"] .registration-step label small,html[data-theme="dark"] .csf-upload span,html[data-theme="dark"] .registration-actions>span{color:#aebbd0}
html[data-theme="dark"] .registration-step input,html[data-theme="dark"] .registration-step select,html[data-theme="dark"] .registration-grid,html[data-theme="dark"] .csf-upload,html[data-theme="dark"] .registration-summary div,html[data-theme="dark"] .registration-consent,html[data-theme="dark"] .slug-input{background-color:#101823;border-color:#3b4a60}
html[data-theme="dark"] .registration-step input::placeholder{color:#78879d;opacity:1}
html[data-theme="dark"] .registration-step input:focus,html[data-theme="dark"] .registration-step select:focus{border-color:#68a6ff;box-shadow:0 0 0 3px rgba(104,166,255,.18)}
html[data-theme="dark"] .registration-step select option{background:#101823;color:#f0f5fb}
html[data-theme="dark"] .csf-upload{background:#122238;border-color:#477bb8}
html[data-theme="dark"] .csf-upload button,html[data-theme="dark"] .registration-actions .secondary{background:#1a2636;border-color:#465972;color:#9bc3ff}
html[data-theme="dark"] .registration-consent span{color:#c2ccda!important}
html[data-theme="dark"] .registration-consent a{color:#8bbcff}
html[data-theme="dark"] .registration-steps li:not(:last-child)::after{background:#354256}
html[data-theme="dark"] .registration-steps b{background:#243246;color:#aebbd0}