@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;900&display=swap');
body.login {margin: 0;padding: 0;background: url(images/FondoLogin.webp) no-repeat center center;background-size: cover;font-family: 'Raleway', sans-serif;}
#login {width: 360px;padding: 40px;background: rgba(255, 255, 255, 0.15);box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.18);margin: 5% auto;}
#login h1 a {margin-bottom: 30px;}
.login form {background: transparent;box-shadow: none;padding: 0;border: none!important;}
.login label {font-weight: 600;color: #fff;margin-bottom: 5px;}
.login .input, .login input[type="text"], .login input[type="password"] {background: rgba(255, 255, 255, 0.8);border: none;border-radius: 10px;padding: 12px;width: 100%;box-sizing: border-box;margin-bottom: 15px;}
.login .input:focus {border: 1px solid #888;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);outline: none;}
.login .button-primary {background: linear-gradient(135deg, #ff416c, #ff4b2b);border: none;padding: 12px;text-transform: uppercase;font-weight: bold;border-radius: 10px;transition: all 0.3s ease-in-out;color: #fff;
cursor: pointer;}
.login .button-primary:hover {background: linear-gradient(135deg, #ff4b2b, #ff416c);}
.login .forgetmenot label {color: #fff;font-size: 14px;}
.login #nav, .login #backtoblog {text-align: center;margin-top: 20px;}
.login #nav a,.login #backtoblog a {color: #ffffff;font-weight: 500;text-decoration: none;transition: color 0.3s ease;}
.login #nav a:hover,.login #backtoblog a:hover {color: #d2bd7e;}
#nav {margin: 0;}
.login #login_error {background-color: rgba(255, 0, 0, 0.2);color: #fff;border-radius: 10px;padding: 10px;text-align: center;}
#login img[alt="Digital Nexus"] {transition: all 0.3s ease-in-out;opacity: 0.85;}
#login img[alt="Digital Nexus"]:hover {opacity: 1;transform: scale(1.05);}