/* signup sheet — centered registration page */
.signup-sheet__h1.signup-sheet__h1 {
    font-size: clamp(3.25rem, 1.8rem + 6.2vw, 7.375rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.signup-sheet__tight.signup-sheet__tight {
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.signup-sheet__ring-wrap {
    white-space: nowrap;
}

.signup-sheet__ring.signup-sheet__ring {
    left: -3%;
    top: -16%;
    width: 106%;
    height: 132%;
    pointer-events: none;
}

.signup-sheet__ctrl.signup-sheet__ctrl {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    font: inherit;
    font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
    letter-spacing: -0.03em;
}

.signup-sheet__ctrl:focus {
    outline: none;
    border-bottom-width: 4px;
}

.signup-sheet__area {
    resize: vertical;
    min-height: 6rem;
}

.signup-sheet__check {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.signup-sheet__btn {
    cursor: pointer;
    min-height: 3.75rem;
}

.signup-sheet__btn-fill.signup-sheet__btn-fill {
    top: 100%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translateY(0);
    transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.signup-sheet__btn:hover .signup-sheet__btn-fill,
.signup-sheet__btn:focus-visible .signup-sheet__btn-fill {
    transform: translateY(-70%);
}

@media (prefers-reduced-motion: reduce) {
    .signup-sheet__btn-fill.signup-sheet__btn-fill {
        transition: none;
    }
}