.portal-page{max-width:980px;margin:40px auto;text-align:center}.portal-heading{margin-bottom:28px}.portal-heading h1{margin:14px 0 4px}.portal-heading p{color:#667085;margin:0 0 22px}.portal-heading h2{font-size:20px}.portal-brand{margin:auto;color:#fff}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-card{background:#fff;border:1px solid #e3e9f1;border-radius:16px;padding:28px 18px;text-decoration:none;color:#172b4d;box-shadow:0 5px 18px #172b4d12;display:flex;flex-direction:column;align-items:center;gap:7px;transition:.18s}.portal-card:hover{transform:translateY(-4px);border-color:#9bc4f4;box-shadow:0 12px 28px #172b4d20}.portal-card strong{font-size:22px}.portal-card span{font-weight:650}.portal-card small{color:#667085;line-height:1.45}.portal-icon,.portal-badge{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800;margin-bottom:8px}.portal-icon.admin,.portal-badge.admin{background:#1769d2}.portal-icon.manager,.portal-badge.manager{background:#7c3aed}.portal-icon.employee,.portal-badge.employee{background:#12805c}.portal-login{text-align:left}.portal-login h1{margin-bottom:8px}.portal-badge{margin:12px 0}.back-link{text-decoration:none;color:#1769d2;font-weight:650}@media(max-width:700px){.portal-page{margin:18px auto}.portal-grid{grid-template-columns:1fr}.portal-card{padding:20px}.portal-heading h1{font-size:24px}}