Employee Self Service Login

.services-ui{ padding:24px 12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .services-ui .services-card{ max-width: 980px; 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; } @media (max-width: 768px){ .services-ui .services-grid{ grid-template-columns: 1fr; } }