*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#000;color:#fff}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:url("../img/banner_corvus_corax.png") center/cover no-repeat;padding:20px}
.login-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.login-box{position:relative;z-index:2;width:100%;max-width:430px;background:rgba(15,15,15,.88);border:1px solid #555;border-left:3px solid #f7f7f6;border-radius:14px;box-shadow:0 0 35px rgba(255,255,255,.12);padding:35px;text-align:center}
.login-logo{width:70px;height:70px;object-fit:cover;border-radius:8px;margin-bottom:18px;box-shadow:0 0 18px rgba(255,255,255,.35)}
.login-box h1{font-size:2rem;margin:0 0 10px;text-shadow:0 0 12px rgba(255,255,255,.5)}
.login-box p{font-size:.95rem;color:#ccc;line-height:1.5;margin-bottom:25px}
.login-box input{width:100%;padding:14px;margin-bottom:15px;background:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}
.login-box input:focus{outline:none;border-color:#e6d7a8;box-shadow:0 0 12px rgba(255,230,180,.35)}
.login-box button{width:100%;padding:14px;background:#222;border:1px solid #777;border-radius:8px;color:#fff;font-weight:bold;cursor:pointer;font-size:1rem;transition:.3s}
.login-box button:hover{background:#333;box-shadow:0 0 14px rgba(255,255,255,.25)}
.login-error{display:none;background:#5c0000;border:1px solid #a30000;color:#fff;border-radius:8px;padding:10px;margin-bottom:15px;font-size:.9rem}
.volver-link{display:block;margin-top:18px;color:#aaa;text-decoration:none;font-size:.9rem}
.volver-link:hover{color:#fff;text-shadow:0 0 8px #fff}
@media(max-width:768px){.login-box{padding:28px}.login-box h1{font-size:1.6rem}}