*{box-sizing:border-box;margin:0;padding:0}
body{
  background:#090c14;
  color:#e2e8f0;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  -webkit-font-smoothing:antialiased;
}
.login-box{
  background:#111827;
  border:1px solid #1e2d45;
  border-radius:16px;
  padding:clamp(24px, 6vw, 40px) clamp(20px, 5vw, 36px);
  width:100%;
  max-width:360px;
}
.logo-wrap{display:flex;justify-content:center;margin-bottom:8px}
.logo-wrap svg{
  width:clamp(100px, 30vw, 130px);
  height:auto;
}
.subtitle{text-align:center;color:#6b80a0;font-size:clamp(10px, 2.5vw, 12px);margin-bottom:clamp(20px, 5vw, 32px);letter-spacing:.5px}
label{display:block;font-size:clamp(10px, 2.5vw, 11px);font-weight:600;color:#6b80a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
input{
  width:100%;
  background:#1a2235;
  border:1px solid #1e2d45;
  border-radius:8px;
  padding:10px 14px;
  color:#e2e8f0;
  font-size:clamp(13px, 3vw, 14px);
  font-family:'Inter',sans-serif;
  outline:none;
  transition:border-color .2s;
  margin-bottom:16px;
  -webkit-appearance:none;
}
input:focus{border-color:#3b82f6}
button{
  width:100%;
  background:#1e8fff;
  border:none;
  border-radius:8px;
  padding:12px;
  color:#fff;
  font-size:clamp(13px, 3vw, 14px);
  font-weight:600;
  cursor:pointer;
  transition:background .2s;
  margin-top:4px;
  -webkit-tap-highlight-color:transparent;
  min-height:44px;
}
button:hover{background:#0a6fd8}
button:active{background:#0958b0}
.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;color:#f87171;font-size:clamp(11px, 2.5vw, 12px);margin-bottom:16px;text-align:center}
.demo-divider{
  display:flex;align-items:center;gap:12px;margin:20px 0 16px;
}
.demo-divider::before,.demo-divider::after{
  content:'';flex:1;height:1px;background:#1e2d45;
}
.demo-divider span{
  color:#4b5e7a;font-size:clamp(10px, 2.5vw, 11px);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;
}
.demo-btn{
  display:block;width:100%;text-align:center;
  background:transparent;
  border:1px solid #334155;
  border-radius:8px;
  padding:12px;
  color:#94a3b8;
  font-size:clamp(13px, 3vw, 14px);
  font-weight:600;
  cursor:pointer;
  transition:all .2s;
  text-decoration:none;
  min-height:44px;
  line-height:20px;
}
.demo-btn:hover{
  border-color:#1e8fff;color:#1e8fff;background:rgba(30,143,255,.06);
}