:root{
  --brand:#0d6efd;
  --bg:#0f1723;
}
body{background:#f6f9fc;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}
.hero{min-height:80vh;background:linear-gradient(135deg, rgba(13,110,253,0.9), rgba(2,6,23,0.7));}
.intro{max-width:420px}
.login-card{width:100%;max-width:420px;border-radius:12px}
.login-card .form-control{border-radius:8px}
.login-card .btn{border-radius:10px}

@media (max-width:767px){
  .hero{padding:60px 0}
}