body{
  font-family: Arial, sans-serif;
  background: linear-gradient(180deg,#0f172a,#0b1220);
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}
.card{
  background:#fff;
  padding:22px;
  border-radius:12px;
  width:320px;
  box-shadow:0 8px 30px rgba(0,0,0,0.4);
  text-align:center;
}
.logo{width:80px;height:80px;object-fit:contain;margin:0 auto 8px;display:block;}
h1{margin:6px 0 14px;font-size:20px;color:#111;}
label{display:block;text-align:left;margin-top:8px;font-size:13px;color:#333;}
input{width:100%;padding:8px;margin-top:6px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;}
button{width:100%;padding:10px;margin-top:14px;border-radius:8px;border:none;background:#ff4b4b;color:white;font-weight:600;cursor:pointer;}
.status{margin-top:12px;color:green;font-weight:600;}
.note{display:block;margin-top:10px;color:#666;}