@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Outfit:wght@300;400;500;600&display=swap";
.service-card{--c-primary:#010366;--c-primary-light:#1a1a6e;--c-gold:#d4af37;--c-gold-light:#e8c555;--c-gold-dark:#b8962e;--c-dark:#1a1a2e;--c-dark-lighter:#252542;--c-text:#374151;--c-text-light:#6b7280;--c-border:#00000014;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Outfit",system-ui,sans-serif;--transition-smooth:cubic-bezier(.4,0,.2,1);--shadow-soft:0 4px 20px #0000000f;--shadow-medium:0 8px 30px #0000001a;transition:all .3s var(--transition-smooth);height:480px;font-family:var(--font-body);background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.service-card:hover{border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 10px 28px #0103661f,0 4px 12px #d4af371f}.service-card__image-wrapper{flex:1;height:100%;position:relative;overflow:hidden}.service-card__image-wrapper:before{content:"";z-index:1;transition:all .3s var(--transition-smooth);background:linear-gradient(#00000026 0%,#0006 60%,#000000b3 100%);position:absolute;inset:0}.service-card:hover .service-card__image-wrapper:before{background:linear-gradient(#0000001a 0%,#00000059 60%,#000000bf 100%)}.service-card__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:all .4s var(--transition-smooth)}.service-card:hover .service-card__image{transform:scale(1.04)}.service-card__placeholder{background:linear-gradient(135deg,var(--c-dark)0%,var(--c-dark-lighter)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.service-card__placeholder span{font-family:var(--font-display);color:var(--c-gold);opacity:.6;font-size:4rem;font-weight:500}.service-card__price{color:var(--c-dark);font-family:var(--font-display);z-index:2;transition:all .3s var(--transition-smooth);letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d4af37f2;border-radius:4px;padding:.25rem .55rem;font-size:.9rem;font-weight:600;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #00000026}.service-card:hover .service-card__price{background:var(--c-gold);transform:scale(1.03)}.service-card__badge{text-transform:uppercase;letter-spacing:.05em;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--transition-smooth);color:#fffffff2;background:#1a1a2ed9;border:1px solid #ffffff1a;border-radius:4px;padding:.3rem .6rem;font-size:.6rem;font-weight:600;position:absolute;top:14px;left:14px;box-shadow:0 2px 6px #00000026}.service-card:hover .service-card__badge{background:#1a1a2ef2;transform:translateY(-1px);box-shadow:0 3px 10px #00000040}.service-card__content{z-index:2;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.service-card__title{font-family:var(--font-display);color:#fff;transition:all .3s var(--transition-smooth);text-shadow:0 2px 8px #0000004d;margin-bottom:.4rem;font-size:1.35rem;font-weight:600;line-height:1.25}.service-card:hover .service-card__title{color:var(--c-gold-light)}.service-card__description{color:#ffffffe6;text-shadow:0 1px 4px #0000004d;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.service-card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.service-card__duration{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--transition-smooth);background:#ffffff26;border-radius:5px;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.service-card__duration svg{width:14px;height:14px}.service-card:hover .service-card__duration{background:#fff3}.service-card__btn{color:var(--c-dark);text-transform:uppercase;letter-spacing:.06em;transition:all .3s var(--transition-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d4af37f2;border-radius:5px;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .9rem;font-size:.68rem;font-weight:600;text-decoration:none;display:inline-flex}.service-card__btn:after{content:"→";font-size:.85rem;transition:transform .3s}.service-card__btn:hover{background:var(--c-gold);transform:translate(2px)}.service-card__btn:hover:after{transform:translate(2px)}@media (max-width:1024px){.service-card{height:420px}.service-card__title{font-size:1.2rem}.service-card__description{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem}}@media (max-width:768px){.service-card{height:380px}.service-card__content{padding:1.25rem}.service-card__title{font-size:1.15rem}.service-card__description{-webkit-line-clamp:2;line-clamp:2;font-size:.78rem}.service-card__price{padding:.2rem .5rem;font-size:.85rem}.service-card__badge{padding:.25rem .5rem;font-size:.55rem}.service-card__footer{padding-top:.5rem}.service-card__duration{padding:.25rem .5rem;font-size:.7rem}.service-card__btn{padding:.4rem .75rem;font-size:.62rem}}@media (max-width:480px){.service-card{height:350px}.service-card__content{padding:1rem}.service-card__title{margin-bottom:.25rem;font-size:1.1rem}.service-card__description{margin-bottom:.35rem;font-size:.75rem}.service-card__price{font-size:.8rem;top:10px;right:10px}.service-card__badge{font-size:.5rem;top:10px;left:10px}}