.services-section{color:#fff;background:radial-gradient(circle at 15% 10%,#c40c0c26,#0000 40%),linear-gradient(#050816 0%,#02040a 100%);padding:140px 6%;overflow:hidden}.services-title{text-align:center;letter-spacing:-1px;color:#fff;text-transform:uppercase;margin-bottom:60px;font-size:42px;font-weight:800}.services-title:after{content:"";background:#c40c0c;border-radius:2px;width:150px;height:4px;margin:15px auto 0;display:block}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:80px;display:grid}.service-card{cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff0d;border-radius:20px;height:300px;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.service-card:before{content:"";background-image:inherit;z-index:0;background-position:50%;background-size:cover;transition:transform .8s;position:absolute;inset:0}.service-card:hover:before{transform:scale(1.1)}.service-card.active{border:2px solid #c40c0c;transform:translateY(-5px);box-shadow:0 0 30px #c40c0c4d}.service-overlay{z-index:1;background:linear-gradient(#05081633 0%,#050816e6 90%);flex-direction:column;justify-content:flex-end;align-items:center;padding:30px;transition:background .3s;display:flex;position:absolute;inset:0}.service-card:hover .service-overlay{background:linear-gradient(#05081666 0%,#c40c0ccc 100%)}.service-overlay h3{color:#fff;text-align:center;margin:0;font-size:22px;font-weight:700;transition:transform .3s}.service-card:hover h3{transform:translateY(-10px)}.service-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;max-width:1100px;margin:0 auto 60px;padding:50px;animation:.7s cubic-bezier(.16,1,.3,1) fadeUp}.service-detail h2{color:#fff;margin-bottom:30px;font-size:clamp(28px,4vw,42px);font-weight:800}.service-detail img{object-fit:cover;border:1px solid #ffffff1a;border-radius:20px;width:100%;height:auto;max-height:500px;margin-top:40px;box-shadow:0 20px 50px #00000080}.service-topics{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:30px 0;padding:0;list-style:none;display:grid}.service-topics li{color:#d1d5db;background:#ffffff0d;border-left:4px solid #c40c0c;border-radius:12px;align-items:center;padding:15px 20px;font-size:16px;transition:transform .2s;display:flex}.service-topics li:hover{background:#c40c0c1a;transform:translate(5px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.services-section{padding:60px 20px}.service-detail{padding:30px 20px}.service-card{height:240px}.service-topics{grid-template-columns:1fr}}.service-card:after{content:"";opacity:0;background:linear-gradient(120deg,#0000 20%,#c40c0c33,#0000 80%);transition:opacity .4s;position:absolute;inset:0}.service-card:hover:after{opacity:1}.service-card:hover{box-shadow:0 20px 60px #c40c0c59}.services-section{animation:1s fadePage}@keyframes fadePage{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}