*{margin:0;padding:0;box-sizing:border-box}
body{
  background:rgb(15,20,32);
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:100vh;
  font-family:'Segoe UI',Arial,sans-serif;
}
.auth-center{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:40px;
}
#auth-wrap{display:flex;flex-direction:column;align-items:flex-start}
#auth-logo{width:180px;display:block;margin-bottom:24px}
#auth-box{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  padding:48px 44px;
  width:360px;
  text-align:left;
  backdrop-filter:blur(10px);
  box-shadow:0 24px 60px rgba(0,0,0,0.5);
}
#auth-box input{
  display:block;width:100%;margin-bottom:14px;
  padding:12px 16px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:6px;font-size:14px;
  color:#fff;box-sizing:border-box;outline:none;
  transition:border 0.2s;
}
#auth-box input::placeholder{color:rgba(255,255,255,0.4)}
#auth-box input:focus{border-color:rgba(255,255,255,0.45)}
#auth-box button{
  width:100%;padding:12px;
  background:#1B2A4A;color:#fff;
  border:1px solid rgba(255,255,255,0.2);
  border-radius:6px;font-size:14px;font-weight:700;
  cursor:pointer;letter-spacing:0.5px;
  transition:background 0.2s;
}
#auth-box button:hover{background:#2c4270}
#auth-error{color:#ff8a8a;font-size:13px;margin-top:12px;display:none}

/* Footer */
footer{
  width:100%;
  padding:20px 40px;
  font-size:12px;
  color:rgba(255,255,255,0.2);
  text-align:center;
  border-top:1px solid rgba(255,255,255,0.06);
}