.verification-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 1.25rem;
    background: rgba(19, 36, 58, 0.72);
    backdrop-filter: blur(5px);
}

.verification-modal {
    width: min(620px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
}

.verification-language {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.verification-modal h1 {
    font-size: clamp(2rem, 5vw, 3.4rem);
}

.verification-form {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.verification-form label {
    font-weight: 800;
}

.verification-code {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: clamp(1.4rem, 5vw, 2rem);
    font-weight: 800;
    letter-spacing: 0.35em;
    text-align: center;
}

.verification-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    color: var(--muted);
}

.verification-countdown strong {
    color: var(--danger);
    font-variant-numeric: tabular-nums;
}

.verification-restart {
    text-align: center;
}

.link-button {
    appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    font: inherit;
    cursor: pointer;
}
