*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.app-header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:24px;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-title{font-size:2.5rem;font-weight:700;text-align:center;color:#1f2937;margin-bottom:8px}.app-title-highlight{color:#d97706}.app-description{text-align:center;color:#6b7280;font-size:1.1rem}.main-content{overflow-y:auto}.service-section{padding:50px 15px;background-color:#fff;margin:0 auto;max-width:100%}.section-title-service{text-align:center;font-size:2.5rem!important;font-weight:700;margin-bottom:12px;color:#1f2937}.highlight-text{color:#e1306c}.section-subtitle{text-align:center;margin-bottom:32px;color:#6b7280;font-size:1.125rem;max-width:512px;margin-left:auto;margin-right:auto}.scroll-container{position:relative}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:hsla(0,0%,100%,.95);color:#374151;padding:12px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;font-size:1.2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.scroll-arrow:hover{background-color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.2);color:#1f2937}.scroll-arrow-left{left:-15px;z-index:1}.scroll-arrow-right{right:-15px;z-index:1}.horizontal-scroll{display:flex;overflow-x:auto;overflow-y:hidden;gap:24px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.service-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;width:320px;height:400px;flex-shrink:0;border:1px solid #f1f5f9;position:relative;overflow:hidden}.service-card,.service-card:before{transition:all .6s cubic-bezier(.4,0,.2,1)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:1}.service-card:hover:before{background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:#e2e8f0}.service-card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:hsla(0,0%,100%,.5);transform:translateY(100%);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:2;border-radius:16px 16px 0 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-card:hover .service-card-content{transform:translateY(0);opacity:1}.service-card-image{width:100%;height:128px;object-fit:cover;border-radius:12px;margin-bottom:12px}.service-card-title{font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:12px;color:#1f2937;height:60px;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2;overflow:hidden;padding:0 8px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;position:absolute;top:20px;left:20px;right:20px;z-index:3;background:hsla(0,0%,100%,.7);border-radius:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.service-card-features{list-style:none;padding:0;margin:0 0 16px;font-size:.875rem;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.service-card-features::-webkit-scrollbar{width:4px}.service-card-features::-webkit-scrollbar-track{background:transparent}.service-card-features::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.service-card-feature{margin-bottom:8px;color:#000;line-height:1.4;font-weight:500}.service-card-button{background:linear-gradient(135deg,#ff69b4,#ff1493 30%,#e1306c 70%,#c2185b)!important;color:#fff;font-weight:700;padding:12px 16px;border-radius:8px;width:100%;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}.service-card-button:hover{background:linear-gradient(135deg,#e1306c,#c2185b 50%,#ad1457)!important;transform:scale(1.02);box-shadow:0 4px 12px rgba(255,105,180,.4)!important}.service-card-button:active{transform:scale(.98)}@media (max-width:768px){.app-header{padding:16px}.app-title{font-size:2rem}.app-description{font-size:1rem}.service-section{padding:0 12px;margin-bottom:48px}.section-title-service{font-size:2.5rem}.section-subtitle{font-size:1rem;margin-bottom:24px}.horizontal-scroll{padding:8px 12px;gap:16px}.service-card{width:280px;height:380px;flex-shrink:0}.scroll-arrow{width:52px;height:52px;padding:10px;font-size:1.25rem;opacity:.95;box-shadow:0 6px 16px rgba(0,0,0,.2)}.scroll-arrow-left{left:4px}.scroll-arrow-right{right:4px}}@media (max-width:480px){.app-title,.section-title-service{font-size:1.75rem}.service-card{width:260px;height:360px;flex-shrink:0}.horizontal-scroll{padding:0 8px;gap:12px}}.service-card,.service-section{animation:fadeIn .6s ease-out}.scroll-arrow:focus,.service-card-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.service-card,.service-card-button{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.scroll-arrow,.service-card,.service-card-button{transition:none}.horizontal-scroll{scroll-behavior:auto}.scroll-arrow{width:48px;height:48px;padding:10px;font-size:1.1rem}.scroll-arrow-left{left:2px}.scroll-arrow-right{right:2px}}.banner-carousel-container{position:relative;width:100%;height:400px;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.banner-carousel-inner{position:relative;width:100%;height:100%}.banner-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;z-index:1}.banner-carousel-item.active{opacity:1;z-index:2}.banner-carousel-item .HeroRight{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.banner-carousel-item .HeroRight img{width:100%;height:100%;object-fit:cover;border-radius:12px}.banner-carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.9);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.banner-carousel-control:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px rgba(0,0,0,.15)}.banner-carousel-control.prev{left:20px}.banner-carousel-control.next{right:20px}.banner-carousel-control i{font-size:18px;color:#333}.banner-carousel-control:hover i{color:#a3499d}.banner-carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}.banner-carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid hsla(0,0%,100%,.7);background:transparent;cursor:pointer;transition:all .3s ease}.banner-carousel-indicator.active{background:#fff;border-color:#fff}.banner-carousel-indicator:hover{background:hsla(0,0%,100%,.7);border-color:hsla(0,0%,100%,.9)}@media (max-width:768px){.banner-carousel-container{height:250px}.banner-carousel-control{width:40px;height:40px}.banner-carousel-control.prev{left:10px}.banner-carousel-control.next{right:10px}.banner-carousel-control i{font-size:14px}.banner-carousel-indicators{bottom:15px}.banner-carousel-indicator{width:10px;height:10px}}@media (max-width:480px){.banner-carousel-container{height:200px}.banner-carousel-control{width:35px;height:35px}.banner-carousel-control.prev{left:5px}.banner-carousel-control.next{right:5px}.banner-carousel-control i{font-size:12px}.banner-carousel-indicators{bottom:10px}.banner-carousel-indicator{width:8px;height:8px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner-carousel-item.active{animation:fadeIn .5s ease-in-out}