.login-command-center {
    min-width: 320px;
    margin: 0;
    color: var(--landing-text, #f5f7ff);
    background: #070910;
    font-family: var(--landing-sans, Inter, "Helvetica Neue", Arial, sans-serif);
}

.login-command-center *,
.login-command-center *::before,
.login-command-center *::after {
    box-sizing: border-box;
}

.login-command-center a { text-decoration: none; }

.login-page {
    position: relative;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        radial-gradient(circle at 13% 18%, rgba(72, 194, 225, .1), transparent 30%),
        radial-gradient(circle at 87% 76%, rgba(120, 84, 222, .12), transparent 31%),
        linear-gradient(135deg, #080b13 0%, #070910 52%, #0a0c16 100%);
    isolation: isolate;
}

.login-page__glow {
    position: absolute;
    z-index: -2;
    width: min(52vw, 760px);
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(18px);
    pointer-events: none;
}

.login-page__glow--purple {
    right: -18%;
    bottom: -38%;
    background: radial-gradient(circle, rgba(157, 123, 255, .16), transparent 68%);
}

.login-shell {
    width: min(100% - 48px, 1420px);
    margin-inline: auto;
}

.login-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    padding: 10px 15px;
    color: #031116;
    background: #72e6ff;
    border-radius: 9px;
    font-weight: 800;
    transform: translateY(-160%);
    transition: transform .2s ease;
}

.login-skip-link:focus { color: #031116; transform: translateY(0); }

/* Header */
.login-header {
    flex: 0 0 auto;
    padding: 22px 0;
}

.login-header__inner {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.login-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.login-brand:hover,
.login-brand:focus { color: #fff; }

.login-brand__orbit {
    position: relative;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid rgba(114, 230, 255, .48);
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(114, 230, 255, .12), inset 0 0 18px rgba(157, 123, 255, .08);
}

.login-brand__orbit::before,
.login-brand__orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.login-brand__orbit::before {
    inset: 9px;
    background: radial-gradient(circle at 35% 30%, #d8fbff, #72e6ff 38%, #9d7bff 72%);
    box-shadow: 0 0 16px rgba(114, 230, 255, .55);
}

.login-brand__orbit::after {
    top: 2px;
    right: 4px;
    width: 7px;
    height: 7px;
    background: #b9a8ff;
    box-shadow: 0 0 9px rgba(157, 123, 255, .85);
}

.login-brand__orbit i {
    position: absolute;
    inset: -5px 6px;
    border: 1px solid rgba(157, 123, 255, .24);
    border-radius: 50%;
    transform: rotate(42deg);
}

.login-brand > span:last-child {
    display: flex;
    flex-direction: column;
}

.login-brand strong {
    color: #f7f9ff;
    font-size: .98rem;
    font-weight: 820;
    letter-spacing: .035em;
}

.login-brand small {
    margin-top: 5px;
    color: #8d97aa;
    font: 650 .56rem/1 var(--landing-mono, monospace);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.login-header__home {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    color: #b1b9c9;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 680;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.login-header__home:hover,
.login-header__home:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, .055);
    border-color: rgba(114, 230, 255, .25);
    transform: translateX(-2px);
}

/* Main layout */
.login-main {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    padding: clamp(32px, 4.5vw, 72px) 0 clamp(52px, 6vw, 88px);
}

.login-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 500px);
    align-items: center;
    gap: clamp(70px, 9vw, 150px);
}

.login-story {
    min-width: 0;
    padding-left: clamp(0px, 2.4vw, 36px);
}

.login-story__copy { max-width: 720px; }

.login-status-pill {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 25px;
    padding: 8px 11px;
    color: #c8d0dd;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    font: 750 .62rem/1 var(--landing-mono, monospace);
    letter-spacing: .09em;
    text-transform: uppercase;
}

.login-status-pill span,
.login-panel__footer span i {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: #51e1a4;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(81, 225, 164, .8);
    animation: login-status-pulse 2s ease-in-out infinite;
}

.login-story h1 {
    display: block;
    overflow: visible;
    max-width: 800px;
    margin: 0;
    color: #f7f9ff;
    font-family: var(--landing-sans, Inter, "Helvetica Neue", Arial, sans-serif);
    font-size: clamp(4.4rem, 6.7vw, 7.5rem);
    font-weight: 760;
    letter-spacing: -.045em;
    line-height: 1.18;
    padding: .04em .04em .22em 0;
    text-transform: none;
}

.login-story__copy > p {
    max-width: 660px;
    margin: 28px 0 0;
    color: #9ba5b7;
    font-size: clamp(.98rem, 1.2vw, 1.12rem);
    line-height: 1.75;
}

/* Tech topology */
.login-topology {
    position: relative;
    width: min(100%, 720px);
    min-height: 260px;
    margin-top: 42px;
    padding-top: 92px;
}

.login-server {
    position: relative;
    z-index: 2;
    width: min(100%, 570px);
    overflow: hidden;
    background: linear-gradient(145deg, rgba(17, 24, 39, .92), rgba(8, 12, 21, .95));
    border: 1px solid rgba(166, 203, 255, .16);
    border-radius: 17px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .38), 0 0 42px rgba(100, 80, 210, .07), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.login-server__bar {
    min-height: 39px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 13px;
    color: #747f92;
    background: rgba(255, 255, 255, .025);
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    font: 600 .53rem/1 var(--landing-mono, monospace);
}

.login-server__bar > span { display: flex; gap: 5px; }

.login-server__bar > span i {
    width: 6px;
    height: 6px;
    background: #ff6b78;
    border-radius: 50%;
}

.login-server__bar > span i:nth-child(2) { background: #f6c85f; }
.login-server__bar > span i:nth-child(3) { background: #51e1a4; }

.login-server__bar > em {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #51e1a4;
    font-style: normal;
    text-transform: uppercase;
}

.login-server__bar > em i {
    width: 5px;
    height: 5px;
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 8px currentColor;
}

.login-server__body { padding: 9px; }

.login-server__body > div {
    min-height: 35px;
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    padding: 0 10px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015));
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 7px;
    font: 550 .55rem/1 var(--landing-mono, monospace);
}

.login-server__body > div:first-child { margin-top: 0; }
.login-server__body > div > span { display: flex; gap: 4px; }

.login-server__body > div > span i {
    width: 5px;
    height: 5px;
    background: #51e1a4;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(81, 225, 164, .55);
}

.login-server__body > div > span i:last-child { background: #506079; box-shadow: none; }
.login-server__body strong { color: #bdc6d7; font-size: inherit; font-weight: 600; }
.login-server__body em { color: #51e1a4; font-size: .5rem; font-style: normal; }

.login-node {
    position: absolute;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 184px;
    padding: 9px 10px;
    background: rgba(16, 23, 38, .94);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 11px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .32);
}

.login-node--cloud { left: 4%; }
.login-node--identity { left: 46%; }

.login-node > span {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #72e6ff;
    background: rgba(114, 230, 255, .07);
    border: 1px solid rgba(114, 230, 255, .13);
    border-radius: 8px;
}

.login-node--identity > span { color: #b7a4ff; background: rgba(157, 123, 255, .08); border-color: rgba(157, 123, 255, .16); }
.login-node > div { min-width: 0; display: flex; flex-direction: column; }
.login-node small { color: #707b8e; font: 600 .46rem/1 var(--landing-mono, monospace); letter-spacing: .06em; text-transform: uppercase; }
.login-node strong { margin-top: 3px; color: #dce2ed; font: 650 .59rem/1 var(--landing-mono, monospace); white-space: nowrap; }
.login-node em { margin-left: auto; color: #51e1a4; font: 550 .46rem/1 var(--landing-mono, monospace); font-style: normal; }

.login-topology__line {
    position: absolute;
    top: 53px;
    z-index: 1;
    height: 51px;
    border-left: 1px solid rgba(114, 230, 255, .45);
    border-bottom: 1px solid rgba(114, 230, 255, .45);
    border-bottom-left-radius: 8px;
}

.login-topology__line--one { left: 17%; width: 21%; }
.login-topology__line--two { left: 59%; width: 16%; border-color: rgba(157, 123, 255, .48); }

.login-tech-chip {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    color: #ccd4e1;
    background: rgba(15, 21, 35, .9);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 9px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .3);
    font: 650 .55rem/1 var(--landing-mono, monospace);
}

.login-tech-chip--docker { top: 116px; right: 3%; color: #78c8ff; }
.login-tech-chip--linux { right: 12%; bottom: 4px; color: #f4cf67; }

.login-story__meta {
    max-width: 720px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 30px;
}

.login-story__meta > div,
.login-story__meta > a {
    min-width: 0;
    min-height: 65px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 13px;
    color: #a5afc0;
    background: rgba(255, 255, 255, .024);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 11px;
}

.login-story__meta > a { transition: color .2s ease, background .2s ease, border-color .2s ease; }
.login-story__meta > a:hover,
.login-story__meta > a:focus-visible { color: #fff; background: rgba(255, 255, 255, .05); border-color: rgba(114, 230, 255, .22); }
.login-story__meta > * > i { color: #72e6ff; }
.login-story__meta > * > span { min-width: 0; display: flex; flex-direction: column; }
.login-story__meta strong { color: #d7ddea; font-size: .68rem; font-weight: 700; }
.login-story__meta small { margin-top: 4px; overflow: hidden; color: #737e92; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }

/* Login card */
.login-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(30px, 3.3vw, 46px);
    background: linear-gradient(145deg, rgba(18, 24, 39, .92), rgba(10, 14, 24, .94));
    border: 1px solid rgba(170, 207, 255, .16);
    border-radius: 25px;
    box-shadow: 0 38px 100px rgba(0, 0, 0, .43), 0 0 0 1px rgba(114, 230, 255, .025), 0 0 64px rgba(98, 76, 205, .09), inset 0 1px 0 rgba(255, 255, 255, .045);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.login-panel::before {
    content: "";
    position: absolute;
    top: -140px;
    right: -130px;
    width: 310px;
    height: 310px;
    background: radial-gradient(circle, rgba(114, 230, 255, .09), rgba(157, 123, 255, .035) 45%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.login-panel__accent {
    position: absolute;
    top: 0;
    right: 12%;
    left: 12%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #72e6ff, #9d7bff, transparent);
    box-shadow: 0 0 15px rgba(114, 230, 255, .35);
}

.login-panel__header { position: relative; margin-bottom: 31px; }

.login-kicker {
    display: block;
    margin-bottom: 15px;
    color: #72e6ff;
    font: 760 .63rem/1 var(--landing-mono, monospace);
    letter-spacing: .12em;
    text-transform: uppercase;
}

.login-panel h2 {
    margin: 0;
    color: #f5f7fc;
    font-size: clamp(2.25rem, 3.7vw, 3.35rem);
    font-weight: 760;
    letter-spacing: -.055em;
    line-height: 1;
    text-transform: none;
}

.login-panel__header p {
    margin: 14px 0 0;
    color: #8994a8;
    font-size: .85rem;
    line-height: 1.65;
}

.login-form { position: relative; }

.login-validation-summary {
    margin-bottom: 18px;
    padding: 0;
    color: #ff9aa8;
    font-size: .76rem;
    line-height: 1.55;
}

.login-validation-summary:empty { display: none; }

.login-validation-summary ul {
    margin: 0;
    padding: 11px 13px 11px 31px;
    background: rgba(220, 53, 69, .1);
    border: 1px solid rgba(255, 107, 122, .35);
    border-radius: 9px;
}

.login-field { margin-bottom: 21px; }

.login-field > label,
.login-field__label-row label {
    display: block;
    margin-bottom: 9px;
    color: #d9dfeb;
    font-size: .7rem;
    font-weight: 720;
    letter-spacing: .02em;
}

.login-field__label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.login-field__label-row span {
    margin-bottom: 9px;
    color: #626d81;
    font: 550 .54rem/1 var(--landing-mono, monospace);
    text-transform: uppercase;
}

.login-field__control {
    position: relative;
    display: flex;
    align-items: center;
}

.login-field__control > i {
    position: absolute;
    left: 16px;
    z-index: 2;
    color: #687489;
    font-size: .8rem;
    pointer-events: none;
    transition: color .2s ease;
}

.login-field input {
    width: 100%;
    height: 54px;
    padding: 0 48px 0 43px;
    color: #f2f5fa;
    background: rgba(4, 7, 13, .54);
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 11px;
    outline: none;
    font-family: var(--landing-sans, sans-serif);
    font-size: .86rem;
    caret-color: #72e6ff;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.login-field input::placeholder { color: #596477; opacity: 1; }

.login-field input:hover {
    background: rgba(7, 11, 19, .72);
    border-color: rgba(255, 255, 255, .18);
}

.login-field input:focus {
    background: rgba(7, 11, 19, .88);
    border-color: rgba(114, 230, 255, .62);
    box-shadow: 0 0 0 3px rgba(114, 230, 255, .09), 0 8px 25px rgba(0, 0, 0, .16);
}

.login-field__control:focus-within > i { color: #72e6ff; }

.login-field input.input-validation-error {
    border-color: rgba(255, 107, 122, .7);
    box-shadow: 0 0 0 3px rgba(220, 53, 69, .08);
}

.login-field__error {
    display: block;
    min-height: 16px;
    margin-top: 6px;
    color: #ff91a0;
    font-size: .68rem;
    line-height: 1.4;
}

.login-field__error:empty { min-height: 0; margin-top: 0; }

.login-password-toggle {
    position: absolute;
    right: 7px;
    z-index: 3;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #7f899c;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: color .2s ease, background .2s ease;
}

.login-password-toggle:hover,
.login-password-toggle:focus-visible {
    color: #eaf7fa;
    background: rgba(255, 255, 255, .055);
}

.login-password-toggle:focus-visible,
.login-submit:focus-visible,
.login-register-link:focus-visible,
.login-header__home:focus-visible,
.login-brand:focus-visible,
.login-story__meta a:focus-visible {
    outline: 2px solid #72e6ff;
    outline-offset: 3px;
}

.login-submit {
    width: 100%;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    padding: 0 19px 0 21px;
    color: #031116;
    background: linear-gradient(135deg, #bdf6ff, #69dff6);
    border: 0;
    border-radius: 11px;
    box-shadow: 0 13px 34px rgba(114, 230, 255, .17);
    font-size: .8rem;
    font-weight: 850;
    letter-spacing: .01em;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.login-submit i {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    background: rgba(3, 17, 22, .09);
    border-radius: 8px;
    transition: transform .2s ease;
}

.login-submit:hover {
    color: #02090c;
    background: linear-gradient(135deg, #d4faff, #82eafb);
    box-shadow: 0 17px 40px rgba(114, 230, 255, .25);
    transform: translateY(-2px);
}

.login-submit:hover i { transform: translateX(3px); }

.login-form__divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 23px 0 15px;
    color: #616c80;
    font: 550 .57rem/1 var(--landing-mono, monospace);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.login-form__divider::before,
.login-form__divider::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: rgba(255, 255, 255, .075);
}

.login-register-link {
    min-height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 14px;
    color: #c4ccda;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 680;
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.login-register-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .05);
    border-color: rgba(157, 123, 255, .28);
}

.login-register-link i { color: #9d7bff; font-size: .62rem; }

.login-panel__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 31px -46px -46px;
    padding: 15px 46px;
    color: #657085;
    background: rgba(3, 6, 11, .35);
    border-top: 1px solid rgba(255, 255, 255, .06);
    font: 550 .53rem/1 var(--landing-mono, monospace);
}

.login-panel__footer span { display: inline-flex; align-items: center; gap: 7px; }
.login-panel__footer span i { width: 5px; height: 5px; }
.login-panel__footer small { color: #535e72; font: inherit; }

/* Footer */
.login-footer {
    flex: 0 0 auto;
    padding: 18px 0 22px;
    color: #576175;
    font: 550 .57rem/1.4 var(--landing-mono, monospace);
}

.login-footer .login-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

@keyframes login-status-pulse {
    0%, 100% { opacity: .72; box-shadow: 0 0 7px rgba(81, 225, 164, .45); }
    50% { opacity: 1; box-shadow: 0 0 15px rgba(81, 225, 164, .9); }
}

@media (min-width: 1700px) {
    .login-shell { width: min(100% - 96px, 1600px); }
    .login-layout { grid-template-columns: minmax(0, 1fr) 520px; }
    .login-story h1 { font-size: 8rem; }
}

@media (max-width: 1199.98px) {
    .login-layout { grid-template-columns: minmax(0, 1fr) minmax(390px, 460px); gap: 60px; }
    .login-story h1 { font-size: clamp(4rem, 7vw, 6rem); }
    .login-node--identity { left: 49%; }
    .login-tech-chip--docker { right: -2%; }
}

@media (max-width: 991.98px) {
    .login-page { overflow: clip; }
    .login-main { padding-top: 34px; }
    .login-layout { grid-template-columns: 1fr; gap: 65px; }
    .login-panel { width: min(100%, 560px); justify-self: center; order: 1; }
    .login-story { width: min(100%, 760px); justify-self: center; order: 2; padding-left: 0; }
    .login-story__copy { text-align: center; margin-inline: auto; }
    .login-status-pill { margin-inline: auto; }
    .login-story h1 { margin-inline: auto; font-size: clamp(4.4rem, 11vw, 7rem); }
    .login-story__copy > p { margin-inline: auto; }
    .login-topology { margin-inline: auto; }
    .login-story__meta { margin-inline: auto; }
}

@media (max-width: 767.98px) {
    .login-shell { width: min(100% - 28px, 1420px); }
    .login-header { padding: 13px 0; }
    .login-header__inner { min-height: 48px; }
    .login-brand__orbit { width: 37px; height: 37px; }
    .login-header__home { width: 42px; min-height: 42px; justify-content: center; padding: 0; }
    .login-header__home span { display: none; }
    .login-main { align-items: flex-start; padding: 22px 0 70px; }
    .login-layout { gap: 70px; }
    .login-panel { padding: 30px 24px; border-radius: 21px; }
    .login-panel__footer { margin: 28px -24px -30px; padding: 14px 24px; }
    .login-panel__footer small { display: none; }
    .login-story h1 { font-size: clamp(3.65rem, 16vw, 5.5rem); }
    .login-story__copy > p { font-size: .93rem; }
    .login-topology { min-height: 250px; padding-top: 84px; }
    .login-node { min-width: 154px; padding: 8px; }
    .login-node--cloud { left: 0; }
    .login-node--identity { right: 0; left: auto; }
    .login-node em, .login-node small { display: none; }
    .login-node strong { font-size: .54rem; }
    .login-topology__line { top: 48px; }
    .login-topology__line--one { left: 16%; }
    .login-topology__line--two { right: 17%; left: auto; }
    .login-server { width: calc(100% - 12px); }
    .login-tech-chip--docker { top: auto; right: -2px; bottom: 2px; }
    .login-tech-chip--linux { right: auto; bottom: 2px; left: -2px; }
    .login-story__meta { grid-template-columns: 1fr; }
    .login-footer .login-shell { justify-content: center; text-align: center; }
    .login-footer .login-shell > span:last-child { display: none; }
}

@media (max-width: 419.98px) {
    .login-shell { width: min(100% - 20px, 1420px); }
    .login-brand small { display: none; }
    .login-panel { padding: 27px 18px; }
    .login-panel h2 { font-size: 2.35rem; }
    .login-panel__header { margin-bottom: 27px; }
    .login-field input { height: 52px; font-size: .8rem; }
    .login-panel__footer { margin: 27px -18px -27px; padding: 13px 18px; }
    .login-story h1 { font-size: clamp(3.25rem, 16.5vw, 4.4rem); }
    .login-status-pill { font-size: .54rem; }
    .login-topology { min-height: 235px; padding-top: 75px; }
    .login-node { min-width: 136px; }
    .login-node > span { width: 28px; height: 28px; }
    .login-node strong { font-size: .48rem; }
    .login-server__bar > small { display: none; }
    .login-server__bar { grid-template-columns: 1fr 1fr; }
    .login-server__body > div { grid-template-columns: 26px 1fr auto; padding-inline: 7px; }
    .login-server__body strong { font-size: .49rem; }
    .login-tech-chip { font-size: .48rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}