/* V26 Professional Cheezo ERP Branding */
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 0%, rgba(185,28,28,.14), transparent 30%),
    radial-gradient(circle at 95% 85%, rgba(245,158,11,.10), transparent 28%),
    linear-gradient(160deg,#f8fafc 0%,#eef2f7 52%,#f8fafc 100%);
}

header{
  background:linear-gradient(135deg,#0f172a 0%,#321010 47%,#991b1b 100%);
  border-bottom:3px solid #f59e0b;
  box-shadow:0 12px 30px rgba(15,23,42,.18);
}

.login{
  max-width:470px;
  margin:62px auto;
}

.erp-login-card{
  position:relative;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.26);
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 70px rgba(15,23,42,.16);
  backdrop-filter:blur(14px);
  overflow:hidden;
}

.erp-login-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,#b91c1c,#f59e0b,#b91c1c);
}

.erp-login-card:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(185,28,28,.055);
  pointer-events:none;
}

.erp-badge{
  display:inline-block;
  padding:7px 11px;
  margin-bottom:14px;
  border-radius:999px;
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#991b1b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
}

.erp-login-card h2{
  margin:0;
  font-size:28px;
  letter-spacing:-.03em;
  color:#172033;
}

.erp-login-sub{
  margin:8px 0 20px;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}

.erp-login-card label{
  color:#334155;
  font-size:12px;
  letter-spacing:.02em;
}

.erp-login-card input{
  min-height:52px;
  border-radius:13px;
  border:1px solid #cbd5e1;
  background:#fff;
  transition:.18s ease;
}

.erp-login-card input:focus{
  border-color:#b91c1c;
  box-shadow:0 0 0 4px rgba(185,28,28,.10);
  transform:translateY(-1px);
}

.erp-login-btn{
  min-height:52px;
  border-radius:13px;
  font-size:16px;
  background:linear-gradient(135deg,#dc2626,#7f1d1d);
  box-shadow:0 12px 25px rgba(185,28,28,.24);
}

.erp-login-btn:hover{
  transform:translateY(-1px);
}

footer{
  color:#64748b;
  font-weight:700;
  letter-spacing:.02em;
}

@media(max-width:640px){
  .login{
    margin:28px auto;
    padding:0 12px;
  }
  .erp-login-card{
    padding:22px 18px;
    border-radius:20px;
  }
  .erp-login-card h2{
    font-size:24px;
  }
}