/* ==================================
   Agendware LITE 2.0
   LOGIN STYLE
================================== */


* {

    margin:0;

    padding:0;

    box-sizing:border-box;

}



body {

    min-height:100vh;

    font-family:
    "Segoe UI",
    Arial,
    sans-serif;


    background:
    linear-gradient(
        135deg,
        #0f766e,
        #14b8a6
    );


    display:flex;

    align-items:center;

    justify-content:center;

}



/* CONTAINER */

.login-container {

    width:100%;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

}



/* CARD */

.login-box {

    width:390px;

    max-width:100%;

    background:#ffffff;

    padding:40px;

    border-radius:20px;

    box-shadow:

    0 20px 45px rgba(0,0,0,.18);

    text-align:center;

}



/* LOGO */


.login-logo {

    margin-bottom:30px;

}



.logo-icon {


    width:75px;


    height:75px;


    margin:0 auto 15px;


    border-radius:18px;


    background:#0f766e;


    display:flex;


    align-items:center;


    justify-content:center;


}



.logo-icon svg {


    width:46px;


    height:46px;


}



.login-logo h1 {


    color:#0f766e;


    font-size:42px;


    font-weight:700;


}



.login-logo p {


    margin-top:8px;


    color:#64748b;


}



/* ERRO */


.alert {


    background:#fee2e2;


    color:#b91c1c;


    padding:12px;


    border-radius:10px;


    margin-bottom:20px;


}





/* CAMPOS */


.input-group {


    position:relative;


    height:52px;


    margin-bottom:18px;


}



.input-group .icon {


    position:absolute;


    left:16px;


    top:50%;


    transform:translateY(-50%);


    width:20px;


    height:20px;


}



.input-group svg {


    width:20px;


    height:20px;


    fill:none;


    stroke:#64748b;


    stroke-width:2;


    stroke-linecap:round;


    stroke-linejoin:round;


}





.input-group input {


    width:100%;


    height:52px;


    padding-left:50px;


    border-radius:12px;


    border:1px solid #cbd5e1;


    outline:none;


    font-size:15px;


}



.input-group input:focus {


    border-color:#14b8a6;


    box-shadow:

    0 0 0 3px rgba(20,184,166,.15);


}





/* BOTÃO */


.btn {


    width:100%;


    height:52px;


    margin-top:10px;


    border:none;


    border-radius:12px;


    background:#0f766e;


    color:white;


    font-size:16px;


    font-weight:600;


    cursor:pointer;


}



.btn:hover {


    background:#115e59;


}




/* RODAPÉ */


.login-footer {


    margin-top:25px;


    color:#94a3b8;


    font-size:13px;


}

.forgot-password {

    margin-top:20px;

}


.forgot-password a {

    color:#0f766e;

    text-decoration:none;

    font-size:14px;

}


.forgot-password a:hover {

    text-decoration:underline;

}