html, body {
    overflow-x: hidden;
    max-width: 100vw;
}

body {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.8) 100%);
    background-size: cover;
    background-attachment: fixed;
}

/* Form containers */
.form-signin,
.form-register {
    width: 100%;
    max-width: 420px;
}

/* Make all form inputs full width */
#content input[type="text"],
#content input[type="email"],
#content input[type="password"],
#content select,
#content .form-control {
    width: 100%;
}

/* Modern form field styling */
#content .form-floating {
    margin-bottom: 0.75rem;
}

#content .form-floating:focus-within {
    z-index: 2;
}

/* Clean button styling */
#content button[type="submit"],
#content .btn-primary {
    width: 100%;
    padding: 0.75rem 1rem;
    font-weight: 500;
}

/* Link styling - black with underline, blue on hover */
#content a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#content a:hover {
    color: var(--bs-link-color);
}

/* Checkbox alignment */
#content .form-check {
    margin: 1rem 0;
}