:root{--primary-color:#d4a017}.service-card{text-align:center;background-color:#2c3136;border-top:4px solid #0000;border-radius:10px;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 15px #0003}.service-card:hover{border-top-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 15px 25px #0000004d}.service-icon{color:var(--primary-color);margin-bottom:1.5rem;font-size:3rem}.service-title{color:#fff;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.service-description{color:#adb5bd;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.service-link-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:600;transition:letter-spacing .3s}.service-link-btn:hover{letter-spacing:1px;text-decoration:underline}.modal-backdrop{z-index:999;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{color:#333;text-align:center;background:#fff;border-radius:12px;width:90%;max-width:500px;padding:2rem;position:relative;box-shadow:0 10px 25px #0000004d}.modal-close{cursor:pointer;color:#333;background:0 0;border:none;font-size:2rem;position:absolute;top:10px;right:15px}.modal-content h3{margin-bottom:1rem}.modal-content p{font-size:1rem;line-height:1.5}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem;display:grid}@media (max-width:992px){.services-grid{grid-template-columns:1fr}}