.nav-item.active{background:linear-gradient(135deg,#17179e,#ea4742);color:white}.nav-item i{margin-right:12px;font-size:18px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.card{background:rgba(255,255,255,.9);border-radius:16px;padding:35px 25px;text-align:center;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.2)}.card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);background:rgba(255,255,255,.95)}.card-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#17179e,#ea4742);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#17179e;font-size:24px}.card-title{font-size:20px;font-weight:600;color:#17179e;margin-top:15px}@media (max-width:768px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}.card-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#17179e;font-size:24px}