:root{--bg:#acbce0;--card:#ffffff;--accent:#2563eb;--muted:#6b7280}
        *{box-sizing:border-box}
        body{margin:0;height:100vh;display:flex;align-items:center;justify-content:center;
        background: url("../imagenes/body.jpg");
         
        background-size:cover;background-position:center;background-repeat:no-repeat;
        font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;font-size:18px}
        /* Card y controles ampliados para un login más grande */
        .card{
            width:560px;
            padding:40px;
            border-radius:14px;
            background:var(--card);
            box-shadow:0 12px 30px rgba(15,23,42,.08);
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
        }
        h1{margin:0 0 18px;font-size:28px;color:#0f172a}
        p.lead{margin:0 0 22px;color:var(--muted);font-size:16px}
        form{display:grid;gap:16px}
        label{font-size:15px;color:#0f172a}
        input[type="text"],input[type="password"]{width:100%;padding:14px 16px;border:1px solid #e6e9ef;border-radius:12px;font-size:16px}
        .row{display:flex;align-items:center;justify-content:space-between}
        .checkbox{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--muted)}
        button{width:100%;padding:14px 16px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;font-size:16px}
        .btn-ghost{background:transparent;color:var(--accent);border:1px solid #e6e9ef;padding:12px;border-radius:12px}
        .error{color:#b91c1c;font-size:14px;margin-top:-6px}
        .actions{display:flex;gap:12px}
        .actions button{flex:1}
        .showpass{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:14px}
        small{color:var(--muted);display:block;text-align:center;margin-top:18px;font-size:14px}