*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{margin:0;background:#0b0b0b;color:#ffd700}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.card{width:420px;background:#000;border:2px solid #ffd700;border-radius:14px;padding:28px;box-shadow:0 0 18px rgba(255,215,0,.15)}
h1{margin:0 0 10px;text-align:center;font-size:20px}
.sub{margin:0 0 18px;text-align:center;color:#aaa}
input{width:100%;margin:8px 0;padding:12px;border-radius:10px;background:#111;border:1px solid #ffd700;color:#ffd700}
button{width:100%;margin-top:12px;padding:12px;border:none;border-radius:10px;background:#ffd700;color:#000;font-weight:bold;cursor:pointer}
.info{margin-top:12px;font-size:14px;color:#ff7777;text-align:center}

/* ===== LOGO (FINAL) ===== */
.logo{
  width:100%;
  max-width:220px;
  height:auto;
  display:block;
  object-fit:contain;
  margin:0 auto 14px auto;
}
@media (max-width: 860px){
  .logo{ max-width:210px; }
}