body{background:linear-gradient(135deg,#f0f4fd,#e8f5e9);font-family:Segoe UI,sans-serif}.card-section{padding:80px 0;background-color:#b0dafb}.step-card{background:#fff;border-radius:25px;padding:40px 30px;text-align:center;transition:.3s ease;border:none;box-shadow:0 12px 25px #0000000d;position:relative;height:187px;display:flex;justify-content:center;align-items:center;outline:2px dashed #878787;outline-offset:-17px}.step-card:hover{transform:translateY(-6px);box-shadow:0 18px 32px #00000014}.step-card:hover .icon-circle{transform:rotateY(180deg)}.icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:#fff;position:absolute;left:0;right:0;top:-27px;transition:.5s}.admin-icon{background-color:#2196f3}.staff-icon{background-color:#4caf50}.company-icon{background-color:#ff9800}.employee-icon{background-color:#e91e63}.app-icon{background-color:#00bcd4}.step-title{font-size:18px;font-weight:700;color:#333;border-bottom:3px solid black;padding-bottom:7px}