@import url('base-v224.css');

.register-container {
    max-width: 620px;
    margin: 2.6rem auto 2.8rem;
    padding: clamp(1.4rem, 4vw, 2.4rem);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 1.2rem;
    background:
        linear-gradient(160deg, hsla(var(--surface-strong-hsl), 0.96), hsla(var(--background-hsl), 0.9)),
        url('images/wave green.png') right bottom / 190px no-repeat;
}

.register-container h1 {
    font-size: clamp(2rem, 5vw, 3rem);
}

.register-form {
    display: grid;
    gap: 1rem;
}

.register-form button {
    width: 100%;
}

.registro-link {
    text-align: center;
}

.registro-link a {
    color: hsl(var(--primary-hsl));
    font-family: var(--font-headline);
}