:root{
  --bg:#f6f8fc; --text:#1d1d1f; --white:#fff;
  --brand-1:#10316b; --brand-2:#f94144; --brand-3:#061a3a;
  --hero-grad: linear-gradient(135deg, var(--brand-3), var(--brand-1) 60%, var(--brand-2));
  --cta-grad: linear-gradient(180deg, #ffffff, #e8edf9);
}
.infotech-container{max-width:1180px;margin:0 auto;padding:0 20px}
.infotech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.infotech-tile{position:relative;display:block;height:220px;border-radius:16px;text-decoration:none;color:#fff;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 10px 30px rgba(2,10,60,.18)}
.infotech-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.28))}
.infotech-tile>span{position:absolute;left:14px;bottom:12px;background:rgba(0,0,0,.38);backdrop-filter:blur(4px);padding:8px 10px;border-radius:10px;font-weight:800;letter-spacing:.3px;z-index:1}
.infotech-tile:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-2deg); transition:transform .25s, box-shadow .25s; box-shadow:0 14px 36px rgba(2,10,60,.22)}
@media (max-width: 900px){ .infotech-grid{grid-template-columns:1fr 1fr} }
@media (max-width: 560px){ .infotech-grid{grid-template-columns:1fr} }

/* Poprawa czytelności tekstu na niebieskim tle */
.section p {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.45);
  line-height: 1.6;
}