@import url("signup.css");

/* ==========================
   LOGIN CARD
========================== */

.login-card{

    width:100%;
    max-width:500px;

}

/* ==========================
   LOGIN BUTTON
========================== */

.login-btn{

    width:100%;

    height:58px;

    border:none;

    border-radius:14px;

    background:var(--accent);

    color:#111;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}

.login-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(255,201,40,.35);

}

/* ==========================
   REMEMBER ROW
========================== */

.remember-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:18px 0 25px;

    font-size:14px;

}

.remember-row label{

    display:flex;

    align-items:center;

    gap:8px;

    color:#555;

    cursor:pointer;

}

.remember-row input{

    width:16px;

    height:16px;

}

.remember-row a{

    color:#0d6efd;

    font-weight:600;

    text-decoration:none;

}

.remember-row a:hover{

    text-decoration:underline;

}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:768px){

    .login-card{

        max-width:100%;

    }

    .remember-row{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

}