:root {
    --background: #090b0e;
    --panel: #101419;
    --panel-strong: #151a1f;
    --line: #272e35;
    --green: #4fd184;
    --green-strong: #42c779;
    --yellow: #d8bd72;
    --text: #f5f7f9;
    --muted: #7f8993;
    --danger: #ef7772;
}

body {
    background:
        radial-gradient(circle at 15% 12%, rgba(116, 174, 245, .05), transparent 30%),
        linear-gradient(145deg, #090b0e, #0b0e11);
}

.brand-panel {
    border-right-color: #20262c;
    background: linear-gradient(145deg, #0e1115, #0b0d10 72%);
}

.brand-panel::after,
.brand-glow {
    display: none;
}

.login-brand img {
    width: 64px;
    height: 64px;
}

.login-brand strong {
    font-size: 23px;
}

.login-brand small,
.access-label,
.eyebrow {
    color: #747e88;
}

.eyebrow i,
.form-footer span i {
    background: var(--green);
    box-shadow: none;
}

.brand-message h1 {
    font-size: clamp(46px, 4.8vw, 72px);
}

.brand-message h1 em {
    color: #aeb7c0;
}

.brand-message p {
    color: #8c969f;
}

.security-note {
    border-color: #272e35;
    background: #111519;
}

.security-note > span {
    background: #171d21;
    color: #8f9aa4;
}

.form-panel {
    background: #0b0e11;
}

.form-card {
    border-color: #282f36;
    border-radius: 18px;
    background: #111519;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.form-card h2 {
    font-size: 32px;
}

.form-card label > span {
    color: #8f99a2;
}

.field-control {
    border-color: #2d353d;
    border-radius: 11px;
    background: #0c1013;
}

.field-control:focus-within {
    border-color: #4c5964;
    background: #0f1418;
    box-shadow: 0 0 0 3px rgba(116, 174, 245, .07);
}

.field-control i {
    color: #69737d;
}

.field-control input::placeholder {
    color: #505a63;
}

.form-card button[type="submit"] {
    border-radius: 11px;
    background: var(--green);
    box-shadow: none;
}

.form-card button[type="submit"]:hover {
    background: #64da94;
    box-shadow: none;
    filter: none;
    transform: none;
}

.password-toggle,
.form-card .password-toggle {
    width: auto;
    min-width: 64px;
    min-height: 34px;
    margin: 0 9px 0 0;
    padding: 0 8px;
    border: 1px solid #2c343b;
    border-radius: 8px;
    background: #151a1e;
    color: #9ba5ae;
    box-shadow: none;
    font-size: 9px;
    font-weight: 750;
}

.password-toggle:hover,
.form-card .password-toggle:hover {
    border-color: #414b54;
    background: #1a2025;
    color: #e1e6ea;
    box-shadow: none;
    filter: none;
    transform: none;
}

.form-footer {
    border-top-color: #242a30;
}

.form-footer span {
    color: #8b959e;
}

.form-footer small {
    color: #5e6871;
}