.services{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#f1f3f4 100%);padding:80px 0}.services__title{text-align:center;color:#000;margin-bottom:50px;font-size:2.5rem}@media (max-width:768px){.services__title{font-size:2rem}}.services__grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}@media (max-width:768px){.services__grid{grid-template-columns:1fr;gap:20px}}.services__card{background:#fff;border-radius:15px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1)}.services__card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.services__card-image{width:100%;height:250px;position:relative;overflow:hidden}.services__image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.services__card:hover .services__image{transform:scale(1.05)}.services__image-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:500;display:flex}.services__card-content{flex-direction:column;flex:1;padding:25px;display:flex}.services__card-title{color:#333;margin-bottom:15px;font-size:1.3rem;line-height:1.3}.services__card-description{color:#666;flex:1;margin-bottom:20px;line-height:1.5}.services__card-button{color:#fff;cursor:pointer;background:#3286c5;border:none;border-radius:8px;align-self:flex-start;margin-top:auto;padding:12px 25px;font-weight:500;transition:all .3s}.services__card-button:hover{background:#0056b3;transform:translate(5px)}.services--compact .services__grid{grid-template-columns:1fr;max-width:800px;margin:0 auto}.services--compact .services__card{flex-direction:row;align-items:center}@media (max-width:768px){.services--compact .services__card{flex-direction:column}}.services--compact .services__card-image{flex-shrink:0;width:200px;height:150px}@media (max-width:768px){.services--compact .services__card-image{width:100%;height:200px}}.services--compact .services__card-content{padding:20px}