body{margin:0;background:#eef2f7;font-family:Segoe UI,sans-serif}.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background:#0c1d52;color:#fff;padding:25px;display:flex;flex-direction:column}.logo{text-align:center;margin-bottom:35px}.logo h2{margin-top:10px;font-size:25px;font-weight:700}.menu{flex:1}.sidebar a{display:flex;align-items:center;gap:12px;padding:15px 18px;margin:10px 0;color:#fff;text-decoration:none;font-size:18px;font-weight:600;border-radius:15px;transition:all .35s ease}.sidebar a:hover{background:#ffffff1f;transform:translate(8px);color:#fff;box-shadow:0 8px 20px #00000040}.sidebar a.active{background:#2196f3;box-shadow:0 8px 20px #2196f359}.dog{text-align:center;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.dog-img{width:85px;display:block;margin:auto;animation:latidoDog 2s infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.dog-name{color:#fff;font-weight:700;font-size:18px;margin-top:10px}.patitas{color:#ffb300;font-size:20px;margin:8px 0;letter-spacing:6px;animation:moverPatitas 2s infinite}.music-btn{width:160px;margin:12px auto;display:block;padding:10px;border:none;border-radius:30px;background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;font-weight:700;cursor:pointer;transition:.3s}.music-btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #2196f366}.dog-text{color:#fff;font-size:13px;font-style:italic;line-height:18px;min-height:35px;padding:0 10px}.contenido{margin-left:250px}header{background:#102d73;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 10px 25px #0003}header h2{margin:0;font-size:35px}header p{margin:0;color:#dbe7ff;font-size:18px}.perfil{display:flex;align-items:center;gap:15px}.perfil img{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid white}.contenido-principal{padding:40px}.card{border-radius:20px;transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000040}.contador-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contador-box{background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;padding:25px;border-radius:20px;text-align:center}.contador-box span{display:block;font-size:55px;font-weight:700}.contador-box small{font-size:18px}.login-body{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#081c4d,#153c8a,#1e88e5);overflow:hidden}.login-love{width:100%;display:flex;justify-content:center;align-items:center}.card-love{position:relative;z-index:10;width:430px;padding:45px;border-radius:30px;text-align:center;color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #00000059;animation:subir .8s}.card-love h1{font-size:42px;margin-bottom:10px}.card-love p{color:#dbe7ff}.heart{font-size:70px;animation:latido 1.3s infinite}@keyframes latidoDog{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes moverPatitas{0%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(-4px)}}.heart{font-size:70px;animation:latido 1.3s infinite;margin-bottom:15px}.form-control{height:55px;border-radius:15px;border:none;font-size:17px}.form-control:focus{box-shadow:0 0 15px #ffffff80}.btn-love{width:100%;height:55px;border:none;border-radius:15px;background:#2196f3;color:#fff;font-size:18px;font-weight:700;transition:.3s}.btn-love:hover{background:#1976d2;transform:translateY(-3px)}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes subir{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.frase-romantica{margin-top:15px;margin-bottom:20px;font-size:18px;font-style:italic;color:#ffe6f0;min-height:60px}#corazones{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.corazon{position:absolute;top:-50px;animation:caer linear forwards;opacity:.8}@keyframes caer{0%{transform:translateY(-50px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}