:root {
    --reg-cyan: #29cceb;
    --reg-bg: #06111e;
    --reg-panel: rgba(8, 25, 39, .94);
    --reg-text: #f3f9fc;
    --reg-muted: #91a8b8;
    --reg-line: rgba(132, 195, 214, .18);
}

.registration-page, .registration-page * { box-sizing: border-box; }
.registration-page {
    position: relative; width: 100%; height: 100svh; min-height: 0; overflow: hidden; padding: 82px 24px 42px; color: var(--reg-text);
    background: var(--reg-bg) url("/images/backgrounds/nexus-background.png") center/cover fixed no-repeat;
    font-family: Inter, "Segoe UI", sans-serif;
}
.registration-page::before {
    content: ""; position: fixed; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(2,9,17,.94), rgba(4,16,29,.7), rgba(3,11,20,.9));
}
.registration-brand { position: absolute; z-index: 2; top: 25px; left: clamp(28px,5vw,80px); width: 244px; height: 72px; }
.registration-brand img { width: 100%; height: 100%; object-fit: contain; object-position: left; filter: drop-shadow(0 0 10px rgba(41,204,235,.35)); }

.registration-shell {
    position: relative; z-index: 1; display: grid; grid-template-columns: 32% 68%; width: min(1220px,100%);
    height: min(760px, calc(100svh - 124px)); min-height: 0; margin: auto; overflow: hidden;
    border: 1px solid var(--reg-line); border-radius: 24px; background: var(--reg-panel);
    box-shadow: 0 34px 90px rgba(0,0,0,.52); backdrop-filter: blur(24px);
}
.registration-intro {
    position: relative; min-height: 0; display: flex; align-items: center; overflow: hidden; padding: 42px 36px;
    border-right: 1px solid var(--reg-line);
    background: radial-gradient(circle at 20% 24%,rgba(41,204,235,.17),transparent 38%), linear-gradient(145deg,rgba(12,44,61,.92),rgba(5,21,34,.98));
}
.registration-intro > div { position: relative; z-index: 2; }
.eyebrow, .step-label { margin: 0; color: var(--reg-cyan); font-size: 11px; font-weight: 700; letter-spacing: .22em; }
.registration-intro h1 { margin: 16px 0 22px; font-size: clamp(40px,4vw,56px); font-weight: 300; line-height: 1.04; letter-spacing: -.045em; }
.registration-intro p:not(.eyebrow) { color: #b5c7d4; font-size: 14px; line-height: 1.7; }
.registration-intro ul { display: grid; gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; color: #d6e5ec; font-size: 12px; }
.registration-intro li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 9px 2px 0; border-radius: 50%; background: var(--reg-cyan); box-shadow: 0 0 8px var(--reg-cyan); }
.registration-watermark { position: absolute; right: -130px; bottom: -170px; width: 460px; opacity: .07; pointer-events: none; }

.registration-content { min-height: 0; height: 100%; overflow-y: auto; padding: 24px clamp(28px,3vw,44px); scrollbar-width: thin; scrollbar-color: rgba(41,204,235,.35) transparent; }
.registration-heading h2 { margin: 8px 0; font-size: clamp(26px,3vw,36px); font-weight: 500; letter-spacing: -.03em; }
.registration-heading > p:last-child { margin: 0; color: var(--reg-muted); font-size: 13px; }
.subject-picker { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 24px 0 30px; }
.subject-card {
    position: relative; display: flex; min-height: 108px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px;
    padding: 16px; border: 1px solid rgba(145,180,198,.22); border-radius: 13px; color: #dce9ef;
    background: rgba(2,12,21,.58); cursor: pointer; text-align: left; transition: .2s ease;
}
.subject-card:hover, .subject-card.selected { border-color: var(--reg-cyan); background: rgba(17,67,83,.52); box-shadow: 0 0 0 3px rgba(41,204,235,.08); }
.subject-card strong { font-size: 13px; }
.subject-icon { font-size: 24px; }
.subject-check { position: absolute; top: 10px; right: 11px; display: none; color: var(--reg-cyan); }
.subject-card.selected .subject-check { display: block; }

.registration-form { padding-bottom: 8px; animation: registration-form-enter .28s ease-out both; }
@keyframes registration-form-enter {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.form-section { margin: 0 0 28px; }
.form-section h3 { margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid var(--reg-line); color: #cce0e9; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.form-field { position: relative; min-width: 0; }
.form-field.wide, .password-rules.wide { grid-column: 1/-1; }
.form-field label { display: block; margin-bottom: 6px; color: #dbe8ee; font-size: 12px; font-weight: 600; }
.form-field input {
    width: 100%; height: 44px; padding: 0 13px; border: 1px solid rgba(145,180,198,.22); border-radius: 9px;
    outline: 0; color: #eef9fd; background: rgba(2,12,21,.62); font: inherit; font-size: 13px; transition: .2s;
}
.form-field input:focus { border-color: rgba(41,204,235,.8); box-shadow: 0 0 0 3px rgba(41,204,235,.1); }
.form-field input[readonly] { color: #9fc0cd; background: rgba(16,34,46,.55); cursor: default; }
.validation-message { display: block; margin-top: 4px; color: #ff9da4; font-size: 10px; }
.password-rules { display: flex; flex-wrap: wrap; gap: 7px 14px; color: #70899a; font-size: 10px; }
.password-rules span {
    display: flex;
    gap: 5px;
    align-items: center;
    transition: color .16s ease, text-shadow .16s ease;
}
.password-rules i {
    display: inline-grid;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    place-items: center;
    border: 1px solid rgba(112,137,154,.42);
    border-radius: 50%;
    font-style: normal;
    line-height: 1;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.password-rules .valid {
    color: #68d6b0;
    text-shadow: 0 0 10px rgba(104,214,176,.22);
}
.password-rules .valid i {
    border-color: rgba(104,214,176,.8);
    color: #031b18;
    background: #68d6b0;
    box-shadow: 0 0 9px rgba(104,214,176,.3);
}

.location-suggestions { position: absolute; z-index: 5; top: 68px; width: 100%; overflow: hidden; border: 1px solid rgba(41,204,235,.4); border-radius: 9px; background: #0a1c2a; box-shadow: 0 15px 35px rgba(0,0,0,.45); }
.location-suggestions button { display: flex; width: 100%; justify-content: space-between; padding: 11px 13px; border: 0; color: #eaf6fa; background: transparent; cursor: pointer; }
.location-suggestions button:hover { background: rgba(41,204,235,.12); }
.location-suggestions span { color: var(--reg-muted); font-size: 11px; }

.agreements { display: grid; gap: 7px; margin: 2px 0 18px; }
.agreements label { display: flex; align-items: center; gap: 9px; color: #9bb0bf; font-size: 11px; cursor: pointer; }
.agreements input { width: 15px; height: 15px; accent-color: var(--reg-cyan); }
.agreements a, .registration-footer a { color: #bed1da; text-decoration: none; }
.form-error { margin: 0 0 14px; padding: 11px 13px; border: 1px solid rgba(255,100,110,.3); border-radius: 8px; color: #ffb1b6; background: rgba(140,25,35,.15); font-size: 12px; }
.registration-submit, .login-link { display: flex; width: 100%; height: 46px; align-items: center; justify-content: center; border-radius: 9px; font-size: 11px; font-weight: 800; letter-spacing: .09em; }
.registration-submit { border: 0; color: #03131c; background: linear-gradient(90deg,#20bedf,#55ddf5); cursor: pointer; box-shadow: 0 10px 25px rgba(25,190,222,.2); }
.registration-submit:disabled { opacity: .65; cursor: wait; }
.login-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: #6f8797; font-size: 9px; letter-spacing: .16em; }
.login-divider::before, .login-divider::after { content: ""; height: 1px; flex: 1; background: var(--reg-line); }
.login-link { border: 1px solid rgba(145,180,198,.22); color: #c6d8e0; text-decoration: none; }

.registration-footer { position: absolute; z-index: 1; right: clamp(28px,5vw,80px); bottom: 23px; left: clamp(28px,5vw,80px); display: flex; justify-content: space-between; color: #6e8493; font-size: 10px; }
.registration-footer nav { display: flex; gap: 24px; }

@media (min-width: 901px) and (max-height: 820px) {
    .registration-page { padding: 70px 22px 28px; }
    .registration-brand { top: 10px; width: 200px; height: 56px; }
    .registration-shell { height: calc(100svh - 98px); }
    .registration-intro { padding: 30px 28px; }
    .registration-intro h1 { margin: 10px 0 14px; font-size: clamp(34px,3.3vw,44px); }
    .registration-intro p:not(.eyebrow) { font-size: 12px; line-height: 1.5; }
    .registration-intro ul { gap: 8px; margin-top: 20px; }
    .registration-content { padding: 12px 34px 30px; }
    .wizard-step h2 { margin: 3px 0 5px; font-size: 23px; }
    .wizard-step .wizard-lead { margin-bottom: 7px; font-size: 11px; }
    .wizard-step--details .wizard-data-section { padding: 5px 8px; }
    .wizard-step--details .wizard-data-section + .wizard-data-section { margin-top: 4px; }
    .wizard-step--details .wizard-data-section h3 { margin-bottom: 4px; }
    .wizard-step--details .form-grid { gap: 4px 7px; }
    .wizard-step--details .form-field input { height: 34px; }
    .wizard-step--details .wizard-confirmation { margin-top: 5px; }
    .wizard-arrow { width: 38px; height: 54px; font-size: 30px; }
    .wizard-arrow--back { left: calc(32% + 8px); }
    .wizard-arrow--next { right: 8px; }
    .wizard-progress { bottom: 7px; }
    .registration-footer { bottom: 7px; }
}

@media (max-width: 900px) {
    .registration-page { height: auto; min-height: 100svh; overflow-x: hidden; overflow-y: auto; padding: 100px 22px 68px; }
    .registration-shell { grid-template-columns: 1fr; height: auto; min-height: 0; max-height: none; }
    .registration-intro { min-height: 280px; padding: 40px; border-right: 0; border-bottom: 1px solid var(--reg-line); }
    .registration-intro h1 { font-size: 40px; }
    .registration-intro ul { grid-template-columns: repeat(3,auto); }
    .registration-content { height: auto; overflow: visible; padding: 36px; }
}
@media (max-width: 600px) {
    .registration-page { padding: 88px 14px 76px; }
    .registration-brand { top: 15px; left: 18px; width: 190px; height: 60px; }
    .registration-shell { border-radius: 17px; }
    .registration-intro { min-height: 245px; padding: 30px 25px; }
    .registration-intro h1 { font-size: 35px; }
    .registration-intro ul { grid-template-columns: 1fr; gap: 7px; margin-top: 20px; }
    .registration-content { padding: 28px 20px; }
    .subject-picker, .form-grid { grid-template-columns: 1fr; }
    .subject-card { min-height: 72px; flex-direction: row; align-items: center; justify-content: flex-start; }
    .form-field.wide, .password-rules.wide { grid-column: auto; }
    .registration-footer { right: 18px; bottom: 18px; left: 18px; }
}

/* Registration wizard */
.registration-content {
    position: relative;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 48px;
}

.wizard-viewport {
    width: 100%;
    max-height: 100%;
    animation: wizard-slide-in .3s cubic-bezier(.22,.8,.35,1) both;
}

@keyframes wizard-slide-in {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: translateX(0); }
}

.wizard-step {
    display: flex;
    max-width: 620px;
    min-height: 420px;
    margin: auto;
    flex-direction: column;
    justify-content: center;
}

.wizard-step--centered {
    max-width: 520px;
}

.wizard-step h2 {
    margin: 8px 0 12px;
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 500;
    letter-spacing: -.03em;
}

.wizard-step h3 {
    margin: 20px 0 12px;
    color: #cce0e9;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.wizard-lead {
    margin: 0 0 24px;
    color: var(--reg-muted);
    font-size: 13px;
}

.wizard-primary {
    display: flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    border: 0;
    border-radius: 9px;
    color: #03131c;
    background: linear-gradient(90deg,#20bedf,#55ddf5);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    cursor: pointer;
}

.wizard-primary:disabled { opacity: .6; cursor: wait; }

.wizard-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 25px 0 16px;
    color: #718a99;
    font-size: 9px;
    letter-spacing: .13em;
}

.wizard-divider::before,
.wizard-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--reg-line);
}

.wizard-choices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.wizard-choices--single { grid-template-columns: 1fr; }

.wizard-choices button {
    min-height: 78px;
    padding: 14px;
    border: 1px solid rgba(145,180,198,.22);
    border-radius: 11px;
    color: #dce9ef;
    background: rgba(2,12,21,.58);
    cursor: pointer;
}

.wizard-choices button.selected {
    border-color: var(--reg-cyan);
    background: rgba(17,67,83,.52);
    box-shadow: 0 0 0 3px rgba(41,204,235,.08);
}

.form-grid.compact { gap: 12px; }

.wizard-data-section { padding: 12px 14px; border: 1px solid var(--reg-line); border-radius: 10px; background: rgba(2,12,21,.28); }
.wizard-data-section + .wizard-data-section { margin-top: 10px; }
.wizard-data-section h3 { margin: 0 0 10px; }

@media (min-width: 901px) {
    .wizard-step--details { min-height: 0; }
    .wizard-step--details h2 { margin: 4px 0 5px; font-size: 27px; }
    .wizard-step--details .wizard-lead { margin-bottom: 7px; font-size: 11px; }
    .wizard-step--details .wizard-data-section { padding: 7px 10px; }
    .wizard-step--details .wizard-data-section + .wizard-data-section { margin-top: 6px; }
    .wizard-step--details .wizard-data-section h3 { margin-bottom: 6px; font-size: 10px; }
    .wizard-step--details .form-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px 8px; }
    .wizard-step--details .form-field label { margin-bottom: 2px; font-size: 10px; }
    .wizard-step--details .form-field input { height: 34px; padding: 0 10px; font-size: 11px; }
    .wizard-step--details .address-street, .wizard-step--details .address-city { grid-column: span 2; }
    .wizard-step--details .address-country { grid-column: auto; }
    .wizard-step--details .wizard-confirmation { margin: 7px 0 0; }
    .wizard-progress { bottom: 12px; }
    .wizard-account-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: end; margin-top: 12px; }
    .wizard-account-footer .agreements { margin: 0; }
}

.wizard-error { margin: 12px 0 0; color: #ff9da4; font-size: 12px; }

.wizard-summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 10px 0 18px;
}

.wizard-summary-grid div,
.wizard-review article {
    padding: 12px 14px;
    border: 1px solid var(--reg-line);
    border-radius: 9px;
    background: rgba(2,12,21,.45);
}

.wizard-summary-grid span,
.wizard-review article > span {
    display: block;
    margin-bottom: 4px;
    color: #77909f;
    font-size: 9px;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.wizard-summary-grid strong { font-size: 12px; font-weight: 600; }

.wizard-review {
    display: grid;
    gap: 10px;
    margin: 12px 0 16px;
}

.wizard-review article h3 {
    margin: 0 0 4px;
    color: #eaf7fb;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
}

.wizard-review article p { margin: 0; color: var(--reg-muted); font-size: 11px; }
.wizard-agreements { margin-top: 4px; }
.wizard-confirmation { margin: 18px 0 0; }
.wizard-primary:disabled, .wizard-arrow:disabled { opacity: .45; cursor: not-allowed; }
.wizard-arrow:disabled:hover { border-color: rgba(107,202,224,.25); color: #bfeaf3; background: rgba(4,18,29,.82); }

.wizard-progress {
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 50%;
    display: flex;
    gap: 9px;
    pointer-events: none;
    transform: translateX(-50%);
}

.wizard-progress span {
    width: 7px;
    height: 7px;
    border: 1px solid #63808f;
    border-radius: 50%;
    background: transparent;
    transition: .2s;
}

.wizard-progress span.active {
    border-color: var(--reg-cyan);
    background: var(--reg-cyan);
    box-shadow: 0 0 9px rgba(41,204,235,.55);
}

.wizard-arrow {
    position: absolute;
    z-index: 8;
    top: 50%;
    display: grid;
    width: 44px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(107,202,224,.25);
    border-radius: 999px;
    color: #bfeaf3;
    background: rgba(4,18,29,.82);
    font-size: 35px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    backdrop-filter: blur(12px);
    transition: .2s;
}

.wizard-arrow:hover {
    border-color: var(--reg-cyan);
    color: #fff;
    background: rgba(16,58,72,.95);
}

.wizard-arrow--back { left: calc(32% + 12px); }
.wizard-arrow--next { right: 12px; }

@media (max-width: 900px) {
    .wizard-step { min-height: 520px; }
    .wizard-arrow--back { left: 10px; }
    .wizard-arrow--next { right: 10px; }
}

@media (max-width: 600px) {
    .registration-intro { display: none; }
    .registration-content { padding: 28px 20px 88px; }
    .wizard-step { min-height: 0; justify-content: flex-start; }
    .wizard-summary-grid, .wizard-choices { grid-template-columns: 1fr; }
    .wizard-arrow { top: auto; bottom: 14px; width: 44px; height: 52px; font-size: 29px; transform: none; }
    .wizard-progress { bottom: 34px; }
}

/* Final viewport safeguards: one scroll context and persistent wizard navigation. */
@media (min-width: 901px) and (max-height: 820px) {
    .registration-content { padding: 12px 34px 30px; }
    .wizard-step h2 { margin: 3px 0 5px; font-size: 23px; }
    .wizard-step .wizard-lead { margin-bottom: 7px; font-size: 11px; }
    .wizard-step--details .wizard-data-section { padding: 5px 8px; }
    .wizard-step--details .wizard-data-section + .wizard-data-section { margin-top: 4px; }
    .wizard-step--details .wizard-data-section h3 { margin-bottom: 4px; }
    .wizard-step--details .form-grid { gap: 4px 7px; }
    .wizard-step--details .form-field input { height: 34px; }
    .wizard-step--details .wizard-confirmation { margin-top: 5px; }
    .wizard-arrow { width: 38px; height: 54px; font-size: 30px; }
    .wizard-arrow--back { left: calc(32% + 8px); }
    .wizard-arrow--next { right: 8px; }
    .wizard-progress { bottom: 7px; }
}

@media (max-width: 900px) {
    .registration-content { height: auto; overflow: visible; }
}


/* Registration and email-confirmation result pages. */
.registration-result-page { position: relative; display: grid; width: 100%; min-height: 100svh; place-items: center; overflow-x: hidden; overflow-y: auto; padding: 112px 24px 64px; color: var(--reg-text); background: var(--reg-bg) url("/images/backgrounds/nexus-background.png") center/cover fixed no-repeat; font-family: Inter, "Segoe UI", sans-serif; }
.registration-result-page::before { position: fixed; z-index: 0; content: ""; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(2,9,17,.94),rgba(4,16,29,.7),rgba(3,11,20,.9)); }
.registration-result-glow { position: absolute; z-index: 0; width: min(620px,82vw); height: min(620px,82vw); border-radius: 50%; pointer-events: none; background: radial-gradient(circle,rgba(41,204,235,.12),transparent 68%); }
.registration-result-brand { position: absolute; z-index: 2; top: 25px; left: clamp(28px,5vw,80px); width: clamp(178px,18vw,244px); height: 72px; }
.registration-result-brand img { width: 100%; height: 100%; object-fit: contain; object-position: left; filter: drop-shadow(0 0 10px rgba(41,204,235,.35)); }
.registration-result-card { position: relative; z-index: 1; display: flex; width: min(520px,100%); min-height: 390px; flex-direction: column; align-items: center; justify-content: center; padding: clamp(36px,6vw,58px); border: 1px solid var(--reg-line); border-radius: 22px; background: linear-gradient(145deg,rgba(12,39,54,.96),rgba(5,20,33,.97)); box-shadow: 0 30px 80px rgba(0,0,0,.5); text-align: center; backdrop-filter: blur(24px); }
.registration-result-icon { display: grid; width: 66px; height: 66px; margin-bottom: 24px; place-items: center; border: 1px solid rgba(41,204,235,.5); border-radius: 50%; color: var(--reg-cyan); background: rgba(41,204,235,.1); box-shadow: 0 0 28px rgba(41,204,235,.16); font-size: 29px; font-weight: 600; }
.registration-result-icon--error { border-color: rgba(255,157,164,.5); color: #ff9da4; background: rgba(255,100,110,.08); box-shadow: 0 0 28px rgba(255,100,110,.12); }
.registration-result-icon--loading { border-top-color: transparent; animation: registration-result-spin .85s linear infinite; }
@keyframes registration-result-spin { to { transform: rotate(360deg); } }
.registration-result-eyebrow { margin: 0 0 10px; color: var(--reg-cyan); font-size: 10px; font-weight: 700; letter-spacing: .22em; }
.registration-result-card h1 { margin: 0 0 14px; font-size: clamp(27px,4vw,36px); font-weight: 500; line-height: 1.15; letter-spacing: -.035em; }
.registration-result-card p { max-width: 390px; margin: 0; color: var(--reg-muted); font-size: 14px; line-height: 1.65; }
.registration-result-card .registration-result-note { margin-top: 8px; font-size: 12px; }
.registration-result-action { display: inline-flex; width: auto; min-width: 190px; min-height: 46px; align-items: center; justify-content: center; margin-top: 30px; padding: 0 30px; border-radius: 9px; color: #03131c; background: linear-gradient(90deg,#20bedf,#55ddf5); box-shadow: 0 12px 28px rgba(25,190,222,.2); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-decoration: none; transition: transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.registration-result-action:hover { color: #03131c; box-shadow: 0 15px 34px rgba(28,199,237,.3); filter: brightness(1.06); transform: translateY(-1px); }
@media (max-width: 600px) {
    .registration-result-page { padding: 92px 16px 36px; }
    .registration-result-brand { top: 14px; left: 18px; width: 184px; height: 62px; }
    .registration-result-card { min-height: 360px; padding: 34px 24px; border-radius: 17px; }
    .registration-result-icon { width: 58px; height: 58px; margin-bottom: 20px; font-size: 25px; }
    .registration-result-action { width: min(230px,100%); }
}

.password-recovery-card { align-items: stretch; width: min(540px,100%); text-align: left; }
.password-recovery-card > h1,
.password-recovery-card > p,
.password-recovery-card > .registration-result-icon { align-self: center; text-align: center; }
.password-recovery-form { display: flex; width: 100%; flex-direction: column; margin-top: 28px; }
.password-recovery-form .registration-result-action { align-self: center; border: 0; cursor: pointer; }
.password-recovery-form .registration-result-action:disabled { cursor: wait; opacity: .65; }
.password-recovery-link { align-self: center; margin-top: 20px; color: var(--reg-cyan); font-size: 12px; text-decoration: none; }
.password-recovery-link:hover { text-decoration: underline; }
.password-recovery-form .password-rules { margin: 2px 0 16px; }

@media (max-height: 620px) {
    .registration-result-page { place-items: start center; padding-top: 88px; }
}