*{box-sizing:border-box}

body.auth-bg{
  background:radial-gradient(circle at top,#FF4500 0%,#000 45%);
  font-family:'Inter',sans-serif;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
}

.auth-wrap{
  width:100%;
  max-width:420px;
  padding:20px;
}

.auth-card{
  background:#0f0f0f;
  border-radius:18px;
  padding:35px;
  box-shadow:0 0 40px rgba(255,69,0,0.4);
  border:1px solid rgba(255,69,0,0.4);
  text-align:center;
}

.auth-card h1{
  color:#FF4500;
  letter-spacing:3px;
}

.auth-sub{
  color:#aaa;
  margin-bottom:20px;
}

.auth-msg{
  background:#181818;
  border:1px solid #FF4500;
  color:#FF4500;
  padding:10px;
  border-radius:10px;
  margin-bottom:15px;
}

.auth-card input{
  width:100%;
  padding:14px;
  margin-top:12px;
  border-radius:12px;
  border:1px solid #333;
  background:#000;
  color:#fff;
}

.auth-btns{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.auth-btns button{
  flex:1;
  padding:14px;
  border-radius:14px;
  border:none;
  font-weight:700;
  cursor:pointer;
  background:#FF4500;
  color:#000;
}

.auth-btns .outline{
  background:#000;
  color:#FF4500;
  border:1px solid #FF4500;
}

.logout-btn{
  display:block;
  margin-top:20px;
  color:#FF4500;
  text-decoration:none;
}