.reg-page{flex:1;min-width:0;display:block;}
.reg-shell{width:min(94vw,1180px);margin:0 auto;padding:24px 12px 40px;display:grid;gap:18px;}
.reg-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md,0 8px 30px rgba(15,23,42,.08));}
.reg-kicker,.reg-section-label{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.reg-placeholder h2,.reg-form-card h2,.reg-step-card h3{margin:12px 0 0;line-height:1.15;}
.reg-placeholder p,.reg-stage-item p,.reg-form-card__lead,.reg-step-card__titles p{margin:12px 0 0;color:var(--muted);}
.reg-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start;}
.reg-layout__main,.reg-layout__aside{min-width:0;display:grid;gap:18px;}
.reg-form-card{padding:22px;display:grid;gap:18px;}
.reg-form-card__head,.reg-step-card__head,.reg-placeholder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.reg-form{margin-top:2px;}
.reg-form__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;}
.reg-submit-note{min-height:24px;color:var(--muted);}
.reg-submit-note.is-success{padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--ink);}
.reg-submit-note a{color:inherit;text-decoration:underline;}
.reg-placeholder{padding:22px;display:grid;gap:18px;position:sticky;top:92px;}
.reg-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-size:12px;white-space:nowrap;}
.reg-stage-list{display:grid;gap:12px;}
.reg-stage-item{display:grid;grid-template-columns:16px 1fr;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--tile) 82%,transparent);text-align:left;cursor:pointer;color:inherit;}
.reg-stage-item__marker{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);margin-top:4px;background:transparent;}
.reg-stage-item__marker--active{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 16%,transparent);}
.reg-stage-item__marker--done{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:var(--accent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--panel) 80%,transparent);}
.reg-stage-item strong{display:block;font-size:16px;line-height:1.2;}
.reg-page .btn{background:var(--tile);color:var(--ink);border-color:var(--line);}
.reg-page .btn.primary{background:var(--accent);color:#fff;border-color:transparent;}
.reg-form-card .profile-form{display:grid;gap:12px;}
.reg-form-card .profile-field input,.reg-form-card .profile-field__control input,.reg-step-card .profile-field input,.reg-step-card .profile-field__control input{background:var(--bg);}
.profile-hints-card{transition: opacity .18s ease, transform .18s ease;}
.profile-hints-card.is-changing{opacity:.92;transform:translateY(1px);}
.reg-step-card{padding:20px;display:grid;gap:16px;transition:border-color .18s ease, box-shadow .18s ease, opacity .18s ease;}
.reg-step-card__head{justify-content:flex-start;}
.reg-step-card__marker{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);margin-top:6px;flex:0 0 auto;background:transparent;}
.reg-step-card__titles{min-width:0;}
.reg-step-card__eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.reg-step-card__body{display:grid;gap:14px;}
.reg-step-card__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.reg-step-card.is-active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 10%,transparent);}
.reg-step-card.is-active .reg-step-card__marker{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 16%,transparent);}
.reg-step-card.is-done .reg-step-card__marker{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:var(--accent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--panel) 80%,transparent);}
.reg-step-card.is-locked{opacity:.64;}
.reg-step-card.is-locked .reg-step-card__body{pointer-events:none;}
.reg-step-card__summary{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--tile));}
.reg-step-login{color:var(--muted);}
@media (max-width:900px){.reg-layout{grid-template-columns:1fr;}.reg-placeholder{position:static;}}
@media (max-width:640px){.reg-shell{padding:16px 10px 28px;}.reg-form-card,.reg-placeholder,.reg-step-card{padding:18px;}.reg-placeholder__head,.reg-form-card__head{flex-direction:column;}.reg-form__actions .btn,.reg-step-card__actions .btn{width:100%;justify-content:center;}}


.reg-code-box{display:none;gap:10px;padding:14px;border:1px dashed var(--line);border-radius:16px;background:color-mix(in srgb,var(--tile) 82%,transparent);}
.reg-code-box.is-visible{display:grid;}
.reg-code-input{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--bg);padding:0 14px;font:inherit;letter-spacing:.08em;}
.reg-code-note{min-height:22px;font-size:13px;color:var(--muted);}
.reg-code-note.is-ok{color:var(--ink);}
.reg-code-note.is-error{color:#b42318;}
.reg-step-summary-note{margin-top:8px;color:var(--muted);font-size:14px;}
.reg-submit-note.is-error{padding:12px 14px;border-radius:14px;border:1px solid rgba(180,35,24,.2);background:rgba(180,35,24,.06);color:#7a271a;}


.reg-inline-verify{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;}
.reg-inline-verify__field{margin:0;}
.reg-inline-verify__action{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:34px;}
.reg-inline-verify__btn[disabled]{opacity:.55;cursor:not-allowed;}
.reg-inline-verify__btn.is-ready{border-color:color-mix(in srgb,var(--ok,#2e7d32) 45%, var(--line));background:color-mix(in srgb,var(--ok,#2e7d32) 14%, var(--tile));}
.phone-ru.phone-ready{border-color:color-mix(in srgb,var(--ok,#2e7d32) 55%, var(--line));background:color-mix(in srgb,var(--ok,#2e7d32) 10%, var(--tile));}
.reg-code-box{margin-top:12px;}
.reg-code-note.is-ok{color:var(--ok,#2e7d32);}
.reg-code-note.is-error{color:var(--err,#c62828);}
@media (max-width:640px){.reg-inline-verify{grid-template-columns:1fr;}.reg-inline-verify__action{padding-top:0;}.reg-inline-verify__action .btn{width:100%;justify-content:center;}}

.email-ru.email-ready{border-color:color-mix(in srgb,var(--ok,#2e7d32) 55%, var(--line));background:color-mix(in srgb,var(--ok,#2e7d32) 10%, var(--tile));}

.reg-placeholder__body{display:grid;gap:12px;}
.reg-placeholder__body h3{margin:0;line-height:1.2;}
.reg-placeholder__body p{margin:0;color:var(--muted);}

.reg-placeholder__body p{white-space:pre-line;}
.reg-form-card .profile-field--name{max-width:none;}
.reg-form-card .profile-field--name .profile-field__control,
.reg-form-card .profile-field--name .name-ru{width:100%;}
.reg-code-box{justify-items:start;padding:12px 14px;}
.reg-code-box .profile-field--code{width:min(360px,100%);}
.reg-code-box .profile-field__control{width:100%;}
.reg-code-input{max-width:360px;min-height:42px;height:42px;}
.phone-ru .digits[readonly]{cursor:default;}

.reg-placeholder__body ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:4px;}
.reg-placeholder__body li{margin:0;}
.reg-placeholder__body #profileHintText{display:grid;gap:12px;}
.reg-placeholder__body #profileHintText p{margin:0;color:var(--muted);white-space:normal;}

.reg-form-card .profile-field--name.reg-inline-verify__field{max-width:none;}
.reg-form-card .profile-field--name.reg-inline-verify__field .profile-field__control,
.reg-form-card .profile-field--name.reg-inline-verify__field .name-ru{width:100%;}
.reg-form-card .profile-field--name .name-ru input[readonly]{cursor:default;}


.reg-step-card .profile-field--name{min-width:0;}
.reg-step-card .profile-field--name.reg-inline-verify__field{display:block;width:100%;max-width:none;}
.reg-step-card .profile-field--name .profile-field__control{width:100%;}

.reg-shell{gap:24px;}
.reg-overview{padding:20px 22px;display:grid;gap:18px;}
.reg-overview__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.reg-overview__body{display:grid;gap:12px;}
.reg-overview__title{margin:0;line-height:1.15;font-size:32px;}
.reg-overview__lead{margin:0;color:var(--muted);max-width:72ch;}
.reg-overview__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.reg-stage-item{transition:border-color .16s ease, background-color .16s ease, transform .16s ease, box-shadow .16s ease;}
.reg-stage-item:hover,.reg-stage-item:focus-visible{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--tile));transform:translateY(-1px);}
.reg-stage-item.is-current:hover,.reg-stage-item.is-current:focus-visible{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--tile));}
.reg-placeholder__body.is-hidden{display:none;}
.reg-stage-item p{display:none;}
@media (max-width:640px){.reg-overview{padding:18px;}.reg-overview__actions .btn{width:100%;justify-content:center;}}