html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.container{max-width:1280px;margin:0 auto;padding:0 1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}.dark ::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#64748b}.dark ::-webkit-scrollbar-thumb{background:#475569}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:#0006}.service-card{transition:all .3s ease}.service-card:hover{transform:translateY(-4px)}.carousel-container{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;background:transparent}.carousel-slides{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;flex-shrink:0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffc!important;border:none;cursor:pointer;transition:all .2s}.carousel-btn:hover{background:#fff!important;box-shadow:0 4px 12px #00000026}.carousel-btn-prev{left:1rem}.carousel-btn-next{right:1rem}.carousel-dots{display:flex;justify-content:center;margin-top:1.5rem;gap:.5rem}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:background .3s}.carousel-dot:hover,.carousel-dot.active{background:#16a34a}.dark .carousel-dot{background:#4b5563}.dark .carousel-dot:hover,.dark .carousel-dot.active{background:#16a34a}.dark .carousel-container{background:transparent}@media (max-width: 768px){.container{padding:0 .75rem}.carousel-btn{width:35px;height:35px}.carousel-btn-prev{left:.75rem}.carousel-btn-next{right:.75rem}}@media (max-width: 576px){.hero-section h1{font-size:2rem!important}.carousel-btn{width:32px;height:32px}.carousel-btn-prev{left:.5rem}.carousel-btn-next{right:.5rem}}