/* ═══════════════════════════════════════════════════════════════════════════
   Tema del login y de «Cambiar contraseña» — estilo Social App (2 oct 2026).
   Solo se agrega: se carga DESPUÉS del <style> de login.html y change_password.html.
   Para revertir, quitar el <link rel="stylesheet" href="/static/tema_login.css"> de esas plantillas
   (respaldo previo en backups/templates_pre_diseno_20261002/).
   ═══════════════════════════════════════════════════════════════════════════ */
body{background:linear-gradient(160deg,#34343c 0%,#131317 45%,#050506 100%)!important;}
.card{position:relative;overflow:hidden;background:rgba(18,18,22,.58)!important;
   backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
   border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;
   box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);}
.card::before{content:'';position:absolute;top:-50%;left:-20%;width:80%;height:100%;pointer-events:none;
   background:radial-gradient(circle,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 70%);}
.card > *{position:relative;}
h1{font-size:24px!important;font-weight:700!important;letter-spacing:-.02em;}
label,.sub{color:rgba(255,255,255,.6)!important;}
input{border-radius:12px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important;}
input:focus{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.1)!important;}
button,button.submit{border-radius:12px!important;border:1px solid rgba(255,255,255,.5)!important;
   background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
   transition:transform .12s ease,background .15s ease;}
button:hover,button.submit:hover{background:#fff!important;transform:translateY(-1px);}
button:active,button.submit:active{transform:translateY(0) scale(.98);}
button.eye{background:rgba(255,255,255,.1)!important;color:#fff;border:1px solid rgba(255,255,255,.16)!important;}
.error{background:rgba(220,38,38,.16)!important;border:1px solid rgba(255,128,128,.3)!important;color:#ffb3b3!important;border-radius:12px!important;}
.msg.err{color:#ffb3b3!important;}
.back{color:rgba(255,255,255,.55)!important;}
.back:hover{color:#fff!important;}