:root{
  --bg-dark:#07161D;
  --card-bg:#0D222B;
  --accent-gold:#2DD4BF;
  --accent-warm:#FBBF24;
  --gold-gradient:linear-gradient(135deg,#5EEAD4 0%,#2DD4BF 55%,#0D9488 100%);
  --whatsapp-color:#25D366;
  --text-main:#FFFFFF;
  --text-muted:#CBD5E1;
  --border-color:rgba(45,212,191,0.22);
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Plus Jakarta Sans','Poppins',sans-serif}
body{background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}
.announcement-bar{background:linear-gradient(90deg,#0A2530 0%,#134E5E 50%,#0A2530 100%);border-bottom:1px solid var(--border-color);color:var(--accent-gold);text-align:center;padding:10px 15px;font-size:13px;font-weight:600;letter-spacing:.5px}
header{background:rgba(7,22,29,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000;padding:18px 6%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.05)}
.brand-logo{font-size:24px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand-logo span{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-logo-img{height:58px;width:58px;object-fit:cover;border-radius:50%;border:2px solid var(--border-color);flex-shrink:0}
.header-wa-btn{background:var(--whatsapp-color);color:#fff;padding:10px 22px;border-radius:30px;text-decoration:none;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 15px rgba(37,211,102,.3);transition:all .3s ease}
.header-wa-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.5)}
.hero-section{padding:90px 6% 70px;text-align:center;position:relative;background:radial-gradient(circle at top center,rgba(45,212,191,.14) 0%,rgba(7,22,29,0) 70%)}
.hero-badge{display:inline-block;background:rgba(45,212,191,.12);color:var(--accent-gold);border:1px solid var(--border-color);padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}
.hero-title{font-size:46px;font-weight:800;color:#fff;max-width:900px;margin:0 auto 20px;line-height:1.2}
.hero-title span{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-subtitle{font-size:18px;color:var(--text-muted);max-width:650px;margin:0 auto 35px}
.hero-cta{display:inline-flex;align-items:center;gap:12px;background:var(--gold-gradient);color:#032825;padding:16px 40px;border-radius:40px;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 8px 25px rgba(45,212,191,.35);transition:all .3s ease}
.hero-cta:hover{transform:scale(1.05);box-shadow:0 12px 30px rgba(45,212,191,.45)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1200px;margin:20px auto 60px;padding:0 6%}
.feature-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.05);padding:20px;border-radius:16px;display:flex;align-items:center;gap:15px}
.feature-card i{font-size:28px;color:var(--accent-gold)}
.feature-card h4{font-size:15px;color:#fff}
.feature-card p{font-size:12px;color:var(--text-muted)}
.section-header{text-align:center;margin-bottom:45px}
.section-title{font-size:34px;font-weight:800;color:#fff}
.section-subtitle{color:var(--text-muted);font-size:15px;margin-top:5px}
.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 6% 80px}
.service-card{background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-8px);border-color:var(--border-color);box-shadow:0 15px 30px rgba(0,0,0,.4)}
.service-img-wrapper{width:100%;height:250px;overflow:hidden;position:relative}
.service-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card:hover .service-img{transform:scale(1.08)}
.service-badge{position:absolute;top:15px;right:15px;background:rgba(7,22,29,.85);backdrop-filter:blur(8px);color:var(--accent-gold);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid var(--border-color)}
.service-details{padding:25px;display:flex;flex-direction:column;flex-grow:1}
.service-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}
.service-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px}
.price-tag{font-size:22px;font-weight:800;color:var(--accent-warm);margin-bottom:20px}
.price-tag span{font-size:14px;color:var(--text-muted);text-decoration:line-through;margin-left:8px}
.book-btn{background:var(--whatsapp-color);color:#fff;text-decoration:none;text-align:center;padding:14px;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;transition:opacity .3s ease}
.book-btn:hover{opacity:.9}
.info-box-wrapper{max-width:1200px;margin:0 auto 80px;padding:0 6%}
.info-box{background:linear-gradient(135deg,#0D222B 0%,#07161D 100%);border:1px solid var(--border-color);border-radius:24px;padding:40px}
.info-box h3{font-size:26px;color:var(--accent-gold);margin-bottom:15px}
.info-box p{color:var(--text-muted);font-size:16px;line-height:1.7}
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}
.popup-content{background:#0D222B;border:1px solid var(--border-color);width:100%;max-width:450px;border-radius:24px;overflow:hidden;text-align:center;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:popupAnimation .4s ease-out}
@keyframes popupAnimation{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.popup-header{background:linear-gradient(135deg,#0F3440,#07161D);padding:30px 20px;border-bottom:1px solid var(--border-color)}
.popup-header h2{font-size:26px;color:var(--accent-gold);letter-spacing:1px}
.popup-header p{color:var(--text-muted);font-size:13px;margin-top:5px}
.popup-body{padding:30px 25px}
.popup-body h3{font-size:22px;color:#fff;margin-bottom:25px}
.modal-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;margin-bottom:15px;border-radius:50px;text-decoration:none;font-weight:800;font-size:15px;transition:all .3s ease}
.btn-gold{background:var(--gold-gradient);color:#032825;box-shadow:0 4px 15px rgba(45,212,191,.35)}
.btn-whatsapp{background:var(--whatsapp-color);color:#fff;box-shadow:0 4px 15px rgba(37,211,102,.3)}
.modal-action-btn:hover{transform:translateY(-2px)}
.close-btn{position:absolute;top:15px;right:18px;color:#fff;font-size:22px;font-weight:700;cursor:pointer;width:34px;height:34px;line-height:32px;background:rgba(45,212,191,.2);border:1px solid rgba(45,212,191,.5);border-radius:50%}
.close-btn:hover{background:var(--accent-gold);color:#032825;border-color:var(--accent-gold)}
footer{background:#040E13;border-top:1px solid rgba(255,255,255,.05);padding:60px 6% 30px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px}
.footer-col h4{color:var(--accent-gold);font-size:18px;margin-bottom:20px}
.footer-logo-img{height:72px;width:72px;object-fit:cover;border-radius:50%;border:2px solid var(--border-color);margin-bottom:16px;display:block}
.footer-col p,.footer-col a{color:var(--text-muted);text-decoration:none;display:block;margin-bottom:12px;font-size:14px}
.footer-col a:hover{color:#fff}
.copyright-text{text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:25px;color:var(--text-muted);font-size:13px}
.whatsapp-float{position:fixed;bottom:30px;right:30px;background:var(--whatsapp-color);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 25px rgba(37,211,102,.4);z-index:999;text-decoration:none;transition:transform .3s ease}
.whatsapp-float:hover{transform:scale(1.1)}
@media(max-width:768px){.hero-title{font-size:32px;line-height:1.6}.hero-subtitle{font-size:15px}header{padding:12px 4%}.brand-logo{font-size:18px;letter-spacing:1px}.header-wa-btn{padding:8px 16px;font-size:13px}.info-box{padding:20px}}
@media(max-width:480px){header{padding:10px 4%;gap:8px}.brand-logo{font-size:14px;letter-spacing:.5px}.brand-logo-img{height:40px;width:40px}.brand-logo span{letter-spacing:.5px}.header-wa-btn{padding:7px 14px;font-size:12px}.hero-title{font-size:26px;line-height:1.6}.hero-cta{padding:14px 28px;font-size:16px}.announcement-bar{font-size:12px}}