Employee Self Service Login

.services-ui{ padding:24px 12px;}

.services-ui .services-card{
margin: 0 auto;
background: #fff;
border: 1px solid #e8eef5;
border-radius: 18px;
padding: 28px 22px 34px;
box-shadow: 0 10px 30px rgba(15,23,42,.10);
}

.services-ui .login-pill{
display:block;
width: fit-content;
margin: 0 auto 18px;
background:#0b5fa5;
color:#fff;
text-decoration:none;
padding: 12px 28px;
border-radius:999px;
font-weight:600;
text-align:center;
}

.services-ui .services-title{
text-align:center;
margin: 8px 0 18px;
font-size: 28px;
color:#183a57;
}

.services-ui .services-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 16px 22px;
}

.services-ui .service-item{
background:#f3f6fb;
border-radius: 14px;
padding: 16px 18px;
display:flex;
align-items:center;
gap: 12px;
text-decoration:none;
color:#1f2a37;
border: 1px solid #eef2f7;
}

.services-ui .service-icon{
width: 36px;
height: 36px;
display:grid;
place-items:center;
border-radius: 10px;
background:#e8f1ff;
flex: 0 0 36px;
}

.services-ui .service-text{ font-size: 16px; }
.services-ui .service-text em{
color:#d26b6b;
font-style: normal;
margin-left: 6px;
}

.services-ui .service-item.disabled{ opacity:.55; pointer-events:none; }
.services-ui .service-item.full{ grid-column: 1 / -1; }