@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--primary:#ff4d8d;--secondary:#3aa0ff;--gradient:linear-gradient(135deg,#3aa0ff,#ff4d8d)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f7f9fc}.heroSlider{width:100%;height:79dvh;position:relative;overflow:hidden}.heroSlide,.heroSwiper{width:100%;height:100%}.heroSlide{position:relative;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center}.heroOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.75));z-index:1}.heroContent{position:relative;z-index:2;text-align:center;color:#fff;max-width:900px;padding:20px}.heroContent h1{font-size:60px;font-weight:800;font-family:Playfair Display,serif}.heroContent p{margin-top:15px;font-size:18px;opacity:.9}.heroActions{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;flex-direction:column}.btnPrimary{background:#fff;color:#ff4d8d;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;transition:.3s}.btnPrimary:hover{transform:translateY(-4px)}.btnOutline{border:1px solid #fff;color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;transition:.3s}.btnOutline:hover{background:hsla(0,0%,100%,.15)}.swiper,.swiper-slide{width:100%;height:100%}.swiper-pagination-bullet{background:#fff;opacity:.5}.swiper-pagination-bullet-active{background:var(--primary);opacity:1}.blogImg,.serviceImg{position:relative;overflow:hidden;height:240px}.blogImg img,.serviceImg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.imgOverlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.1));display:flex;align-items:center;justify-content:center;opacity:0;transition:.35s ease}.blogCard:hover .imgOverlay,.serviceCard:hover .imgOverlay{opacity:1}.blogCard:hover img,.serviceCard:hover img{transform:scale(1.08)}.imgBtn{position:relative;background:hsla(0,0%,100%,.16);color:#fff;padding:14px 24px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.3px;border:1px solid hsla(0,0%,100%,.25);backdrop-filter:blur(12px);overflow:hidden;transition:.35s ease;box-shadow:0 10px 30px rgba(0,0,0,.18);animation:floatingBtn 2.5s ease-in-out infinite}.blogCard:hover .imgBtn,.serviceCard:hover .imgBtn{background:linear-gradient(135deg,#ff4d8d,#ff7ab2);transform:translateY(-4px) scale(1.04);border-color:transparent;box-shadow:0 16px 35px rgba(255,77,141,.35)}.imgBtn:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.45),transparent);transform:skewX(-20deg);transition:.8s}.blogCard:hover .imgBtn:before,.serviceCard:hover .imgBtn:before{left:140%}@keyframes floatingBtn{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@media (max-width:768px){.imgOverlay{opacity:1}.imgBtn{padding:10px 18px;font-size:13px}}.section{max-width:1200px;margin:auto;padding:36px 20px}.sectionHeader h2{text-align:center;font-size:42px;font-weight:800;margin-bottom:30px}.blogGrid,.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blogCard,.serviceCard{background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.3s}.blogCard:hover,.serviceCard:hover{transform:translateY(-8px)}.serviceBody{padding:18px}.serviceBody h3{font-size:19px;font-weight:700;line-height:1.5;margin-bottom:14px;color:#222}.priceBox{display:flex;flex-direction:column;gap:4px}.priceLabel{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#999;font-weight:600}.priceValue{display:flex;align-items:flex-end;gap:3px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#3aa0ff,#ff4d8d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.currency{font-size:15px;font-weight:700;margin-bottom:3px}.blogBody,.serviceBody{padding:16px}.blogBody h3,.serviceBody h3{font-size:18px;font-weight:700}@media (max-width:768px){.heroContent h1{font-size:34px}.heroSlider{height:70dvh}.blogGrid,.serviceGrid{grid-template-columns:1fr}.heroContent p{font-size:15px}}.heroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}