body.login-page{
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    #09111f;
  background-size:28px 28px;
  display:flex; align-items:center; justify-content:center;
  min-height:100vh;
}
.login-box{
  width:100%; max-width:380px; padding:36px 34px 34px; margin:20px;
  background:var(--bg-panel); border:1px solid var(--border); border-radius:2px; position:relative;
}
.login-box::before{
  content:""; position:absolute; top:0; left:0; width:14px; height:14px;
  border-top:2px solid var(--cyan); border-left:2px solid var(--cyan);
}
.login-box::after{
  content:""; position:absolute; bottom:0; right:0; width:14px; height:14px;
  border-bottom:2px solid var(--cyan); border-right:2px solid var(--cyan);
}
.login-brand{
  display:flex; align-items:center; gap:8px; justify-content:center; margin-bottom:22px;
  font-family:'Rajdhani',sans-serif; font-weight:700; font-size:19px; letter-spacing:.08em; color:#fff;
}
.login-brand .dot{ width:9px; height:9px; background:var(--green); border-radius:50%; box-shadow:0 0 8px var(--green); }
.login-title{ font-family:'Rajdhani',sans-serif; color:var(--cyan); text-transform:uppercase; letter-spacing:.05em; font-size:14px; font-weight:700; margin:0 0 20px; text-align:center; }
.login-error{
  background:#ff6b8122; border:1px solid #ff6b8155; color:#ff6b81; font-size:13px;
  padding:10px 12px; border-radius:2px; margin-bottom:16px;
}
.login-box label{ display:block; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-dim); margin:16px 0 6px; }
.login-box label:first-of-type{ margin-top:0; }
.login-box input{
  width:100%; background:var(--bg-card); border:1px solid var(--border); color:var(--text);
  padding:11px 12px; font-family:'Inter',sans-serif; font-size:14px; border-radius:2px; outline:none;
  transition:border-color .15s;
}
.login-box input:focus{ border-color:var(--cyan); }
.login-submit{
  margin-top:22px; width:100%; padding:12px; background:var(--orange); color:#20140a;
  font-family:'Rajdhani',sans-serif; font-weight:700; font-size:15px; letter-spacing:.06em;
  border:none; border-radius:2px; cursor:pointer; text-transform:uppercase;
}
.login-submit:hover{ background:#20140a; color:var(--orange); }
.login-back{ display:block; text-align:center; margin-top:18px; font-size:12px; color:var(--text-dim); text-decoration:none; }
.login-back:hover{ color:var(--cyan); }