*{

    margin:0;
    padding:0;
    box-sizing:border-box;

    font-family:Arial;

}

body{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    /* IMAGEN  */
    background: url('../assets/fondo.jpg') center/cover no-repeat fixed;

    background-size:cover;

    background-position:center;

    overflow:hidden;

    position:relative;

}

.overlay{

    position:absolute;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.45);

}

.login-box{

    position:relative;

    z-index:10;

    width:90%;
    max-width:420px;

    padding:45px 35px;

    border-radius:30px;

    background:rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,0.08);

    display:flex;

    flex-direction:column;

    gap:20px;

    align-items:center;

}

.logo{

    width:170px;

    object-fit:contain;

}

.login-box h1{

    color:white;

    font-size:34px;

}

.login-box input{

    width:100%;

    height:58px;

    border:none;

    border-radius:18px;

    padding:0 18px;

    font-size:17px;

    outline:none;

}

.login-box button{

    width:100%;

    height:58px;

    border:none;

    border-radius:18px;

    background:#35d06e;

    color:white;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

    transition:0.3s;

}

.login-box button:hover{

    transform:scale(1.03);

}

@media screen and (max-width:768px){

    .login-box{

        padding:35px 25px;

    }

    .logo{

        width:140px;

    }

    .login-box h1{

        font-size:28px;

    }

}