/* =========================================
PÁGINA DE LOGIN
========================================= */

/* TOPO */

.topo-login{
    width:100%;
    padding:25px 40px;
    background:#34F6E5;
}

/* LOGO */

.logo-login{
    font-size:42px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}

/* CONTAINER */

.container-login{
    min-height:calc(100vh - 100px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}

/* CARD */

.card-login{
    width:100%;
    max-width:450px;
    background:#fff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

/* TÍTULO */

.card-login h1{
    font-size:38px;
    margin-bottom:12px;
}

/* TEXTO */

.card-login p{
    color:#555;
    line-height:1.6;
    margin-bottom:30px;
}

/* INPUTS */

.grupo-input{
    margin-bottom:20px;
}

/* LABEL */

.grupo-input label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}

/* INPUT */

.grupo-input input{
    width:100%;
    height:56px;
    border:2px solid #ddd;
    border-radius:14px;
    padding:0 18px;
    font-size:16px;
    transition:0.3s;
}

/* FOCUS */

.grupo-input input:focus{
    border-color:#34F6E5;
    outline:none;
}

/* BOTÃO LOGIN */

.btn-login{
    width:100%;
    height:58px;
    border:none;
    border-radius:14px;
    background:#111;
    color:#fff;
    font-size:17px;
    font-weight:bold;
    cursor:pointer;
    transition:0.3s;
    margin-top:10px;
}

/* HOVER */

.btn-login:hover{
    background:#34F6E5;
    color:#000;
}

/* RODAPÉ */

.rodape-login{
    margin-top:28px;
    text-align:center;
}

/* TEXTO */

.rodape-login span{
    color:#666;
}

/* LINK */

.rodape-login a{
    color:#000;
    font-weight:bold;
    text-decoration:none;
    margin-left:6px;
}