.portal-login-page {
    align-items: center;
    background:
        linear-gradient(rgba(22, 92, 84, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22, 92, 84, 0.045) 1px, transparent 1px),
        radial-gradient(circle at 92% 5%, rgba(17, 125, 116, 0.19), transparent 29%),
        var(--paper);
    background-size: 30px 30px, 30px 30px, auto, auto;
    display: grid;
    justify-items: center;
    margin: 0;
    min-height: 100vh;
    padding: 1.5rem;
}

.portal-login-card {
    background: rgba(255, 254, 249, 0.98);
    border: 1px solid rgba(17, 50, 48, 0.18);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(11, 45, 43, 0.14);
    max-width: 29rem;
    padding: clamp(1.75rem, 6vw, 3rem);
    width: 100%;
}

.portal-login-brand {
    align-items: center;
    color: var(--ink);
    display: inline-flex;
    gap: 0.75rem;
    margin-bottom: 2.75rem;
    text-decoration: none;
}

.portal-login-brand span:last-child {
    display: grid;
    line-height: 1.1;
}

.portal-login-brand small {
    color: var(--muted);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    margin-top: 0.15rem;
    text-transform: uppercase;
}

.portal-login-intro h1 {
    font-size: clamp(2rem, 7vw, 2.75rem);
    letter-spacing: -0.055em;
    margin: 0 0 0.55rem;
}

.portal-login-intro p:last-child {
    color: var(--muted);
    line-height: 1.55;
    margin: 0 0 1.75rem;
}