body{
margin:0;
font-family:"Segoe UI",Arial,sans-serif;
background:#0f1b2d;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
}

.login-container{
width:100%;
display:flex;
justify-content:center;
}

.login-card{
width:420px;
background:white;
padding:42px;
border-radius:18px;
box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.logo-area{
text-align:center;
margin-bottom:30px;
}

.logo-area cci-brand-logo{
margin-left:auto;
margin-right:auto;
}

.logo-area h1{
margin:0;
font-size:28px;
color:#0f172a;
}

.logo-area p{
margin-top:8px;
color:#64748b;
font-size:14px;
}

.form-group{
display:grid;
gap:8px;
margin-bottom:18px;
}

label{
font-size:14px;
font-weight:700;
color:#0f172a;
}

input{
padding:15px;
border:1px solid #cbd5e1;
border-radius:10px;
font-size:15px;
}

.login-btn{
width:100%;
padding:15px;
border:none;
border-radius:10px;
background:#2563eb;
color:white;
font-size:16px;
font-weight:800;
cursor:pointer;
}

.login-btn:hover{
background:#1d4ed8;
}

#loginMessage{
margin-top:15px;
text-align:center;
font-weight:700;
}
.portal-badge{
  display:inline-block;
  margin-top:14px;
  padding:8px 14px;
  background:#dbeafe;
  color:#1d4ed8;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
.forgot-password-link{display:block;margin-top:16px;text-align:center;color:#2563eb;font-weight:700;text-decoration:none}