:root{--bg:#070707;--card:#121212;--gold:#d4af37;--gold2:#f4d878;--text:#fff;--muted:#bdbdbd;--border:#d4af372e;--shadow:0 25px 70px #0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Poppins,sans-serif;overflow-x:hidden}.background{z-index:-2;background:linear-gradient(#000000d6,#000000f0),url(/assets/barberia-CBL2pwRD.jpg) 50%/cover no-repeat;position:fixed;inset:0}.background:before{content:"";background:radial-gradient(#d4af3721,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-250px;left:50%;transform:translate(-50%)}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(100%,470px);box-shadow:var(--shadow);background:linear-gradient(#1e1e1eeb,#0a0a0af5);border-radius:30px;padding:clamp(30px,5vw,50px);animation:.65s forwards entrada}.login-logo{justify-content:center;align-items:center;margin-bottom:25px;display:flex}.login-logo img{filter:drop-shadow(0 0 15px #d4af3740);width:110px;height:auto;display:block}.login-card h1{text-align:center;margin-bottom:8px;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:700}.subtitulo{text-align:center;color:var(--muted);margin-bottom:30px;font-size:clamp(.8rem,2.5vw,.95rem);line-height:1.5}#formLogin{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#fff;font-size:.82rem;font-weight:600}.input-group input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%;height:54px;padding:0 16px;font-family:inherit;font-size:.9rem;transition:border-color .25s,background .25s,box-shadow .25s}.input-group input::placeholder{color:#707070}.input-group input:focus{border-color:var(--gold);background:#ffffff0f;box-shadow:0 0 0 3px #d4af3714}.login-options{justify-content:space-between;align-items:center;gap:10px;margin-top:-5px;display:flex}.remember{color:#999;cursor:pointer;align-items:center;gap:8px;font-size:.75rem;display:flex}.remember input{accent-color:var(--gold);cursor:pointer}.login-options a{color:var(--gold);font-size:.75rem;text-decoration:none;transition:color .2s}.login-options a:hover{color:var(--gold2);text-decoration:underline}#btnIniciarSesion{background:linear-gradient(135deg, #b88915, var(--gold), var(--gold2));color:#111;cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #d4af3726}#btnIniciarSesion:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 15px 30px #d4af3740}#btnIniciarSesion:active{transform:translateY(0)}.registro-link{color:#888;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:28px;font-size:.8rem;display:flex}.registro-link a{color:var(--gold);font-weight:600;text-decoration:none;transition:color .2s}.registro-link a:hover{color:var(--gold2);text-decoration:underline}.volver{color:#666;justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:.75rem;text-decoration:none;transition:color .2s;display:flex}.volver:hover{color:#fff}.volver i{color:var(--gold)}@keyframes entrada{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.login-page{padding:15px}.login-card{border-radius:25px;padding:30px 22px}.login-logo img{width:95px}.login-options{flex-direction:column;align-items:flex-start;gap:8px}#btnIniciarSesion{min-height:56px}}