/* =====================================================
RECUPERAÇÃO DE SENHA
===================================================== */

.container-recuperacao{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
        radial-gradient(circle at top,#dbeafe 0%,transparent 34%),
        linear-gradient(135deg,#eef2f7,#f8fafc);
}

.card-recuperacao{
    width:420px;
    max-width:100%;
    background:white;
    border-radius:24px;
    padding:34px;
    box-shadow:0 24px 70px rgba(15,23,42,.16);
    border-top:6px solid #2388ff;
    text-align:center;
}

.card-recuperacao h2{
    margin:0 0 12px;
    color:#0f172a;
    font-size:28px;
    font-weight:900;
}

.card-recuperacao p{
    color:#64748b;
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:22px;
}

.card-recuperacao input{
    width:100%;
    box-sizing:border-box;
    margin-bottom:14px;
}

.card-recuperacao button{
    width:100%;
    border:none;
    border-radius:14px;
    background:linear-gradient(180deg,#2388ff,#1565d8);
    color:white;
    min-height:46px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(35,136,255,.22);
}

.card-recuperacao a{
    display:inline-block;
    margin-top:18px;
    color:#2563eb;
    font-weight:800;
    text-decoration:none;
}

/* DARK MODE */
body.dark-mode .container-recuperacao{
    background:linear-gradient(135deg,#020617,#0f172a);
}

body.dark-mode .card-recuperacao{
    background:#111827;
    border-color:#60a5fa;
}

body.dark-mode .card-recuperacao h2{
    color:#f8fafc;
}

body.dark-mode .card-recuperacao p{
    color:#cbd5e1;
}