*,
    *:before,
    *:after {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    body {
        background-color: #080710;
    }
    .background {
        width: 90%;
        max-width: 430px;
        height: auto;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }
    .background .shape {
        height: 200px;
        width: 200px;
        position: absolute;
        border-radius: 50%;
    }
    .shape:first-child {
        background: linear-gradient(#7a0707, #340807);
        left: -80px;
        top: -80px;
    }
    .shape:last-child {
        background: linear-gradient(to right, #340807, #7a0707);
        right: -30px;
        bottom: -80px;
    }
    form {
        width: 90%;
        max-width: 400px;
        background-color: rgba(255,255,255,0.13);
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        border-radius: 10px;
        backdrop-filter: blur(10px);
        border: 2px solid rgba(255,255,255,0.1);
        box-shadow: 0 0 40px rgba(8,7,16,0.6);
        padding: 40px 25px;
        text-align: center;
    }
    form * {
        font-family: 'Poppins',sans-serif;
        color: #ffffff;
        letter-spacing: 0.5px;
        outline: none;
        border: none;
    }
    input {
        display: block;
        height: 50px;
        width: 100%;
        background-color: rgba(255,255,255,0.07);
        border-radius: 30px;
        padding: 0 10px;
        margin-top: 8px;
        font-size: 14px;
        font-weight: 300;
    }
    ::placeholder {
        color: #e5e5e5;
    }
    button {
        margin-top: 40px;
        width: 100%;
        background: #7a0707;
        backdrop-filter: blur(8px);
        color: #fff;
        padding: 15px 0;
        font-size: 18px;
        font-weight: 600;
        border-radius: 30px;
        cursor: pointer;
        border: none;
    }
    button:hover {
        background: #e5e5e5;
        color: #7a0707;
    }
    button a {
        color: inherit;
        text-decoration: none;
        display: block;
    }

    /* Responsividade */
    @media (max-width: 768px) {
        form {
            padding: 30px 20px;
        }
        .background {
            width: 100%;
            max-width: 95%;
        }
    }
    @media (max-width: 480px) {
        .shape {
            display: none; /* Esconde formas decorativas em telas muito pequenas */
        }
        form {
            padding: 25px 15px;
            
        }
        input, button {
            font-size: 16px;
        }
    }