*{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  background:#141c2e;
  font-family:'Segoe UI',Arial,Helvetica,sans-serif;
}
.login-wrap{width:100%;max-width:380px;padding:20px}
.login-card{
  background:#1c2540;
  border:1px solid #2a3550;
  border-radius:10px;
  padding:32px 30px;
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.brand-dot{width:12px;height:12px;border-radius:50%;background:#e03030;flex-shrink:0}
.brand-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:.02em}
.brand-sub{font-size:10px;color:#8899cc;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
label{display:block;font-size:11px;color:#8899cc;letter-spacing:.06em;text-transform:uppercase;margin:14px 0 6px}
input{
  width:100%;padding:10px 12px;border-radius:5px;
  border:1px solid #3a4a6a;background:#0f1526;color:#eef0f8;
  font-size:14px;
}
input:focus{outline:none;border-color:#1a6fc4}
button{
  width:100%;margin-top:20px;padding:11px;border:none;border-radius:5px;
  background:#1a6fc4;color:#fff;font-size:14px;font-weight:600;cursor:pointer;
  transition:background .15s;
}
button:hover{background:#1560ab}
.error{margin-top:12px;font-size:12px;color:#f07060;min-height:16px}
.footer-note{margin-top:22px;font-size:10px;color:#4a5a7a;text-align:center;letter-spacing:.04em}