:root{
  --bg:#090909;--bg-soft:#121212;--card:rgba(18,18,18,.92);--text:#fff;--muted:#d8d8d8;
  --gold:#f5b942;--gold-light:#ffd26d;--line:rgba(255,255,255,.08);--shadow:0 18px 40px rgba(0,0,0,.38);
  --max:1200px
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,rgba(245,185,66,.10),transparent 18%),radial-gradient(circle at bottom left,rgba(68,118,255,.08),transparent 22%),var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit} .container{width:min(92%,var(--max));margin:0 auto}.section{padding:84px 0}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(9,9,9,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}
.brand-main{color:var(--text);font-size:1.55rem}.brand-badge{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#000;font-size:.86rem;padding:4px 10px;border-radius:999px;font-weight:800}
.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:#f1f1f1;font-size:.96rem;transition:.25s ease}.nav-links a:hover{color:var(--gold)}
.nav-cta,.btn-primary{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#000;transition:.25s ease}
.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(245,185,66,.25)}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:12px;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px auto}
.hero-facebook{padding:26px 0 76px}.facebook-card{background:var(--card);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
.facebook-cover{position:relative;width:100%;height:360px;background:url('cover.jpg') center/cover no-repeat}.cover-overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,.44)),radial-gradient(circle at 85% 18%,rgba(245,185,66,.18),transparent 15%),radial-gradient(circle at 12% 82%,rgba(255,255,255,.08),transparent 12%)}
.profile-row{padding:0 32px 30px}.profile-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-top:-90px;flex-wrap:wrap;flex-wrap:wrap}.profile-left{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
.profile-image{
  width:170px;
  height:170px;
  border-radius:50%;
  border:4px solid rgba(255,255,255,0.08);
  position:relative;
  overflow:visible;
  background-color:#000;
  background-image:url('profile.jpg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  box-shadow:
    0 0 0 4px rgba(245,185,66,0.15),
    0 0 20px rgba(245,185,66,0.25),
    0 12px 30px rgba(0,0,0,0.6);
  transition: all 0.35s ease;
  animation: profilePulse 3.2s infinite ease-in-out;
}
.profile-info{padding-bottom:8px}.eyebrow{display:inline-block;color:var(--gold);font-weight:700;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase;font-size:.92rem}.eyebrow.center{text-align:center;display:block}
.profile-info h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;margin-bottom:8px}.profile-info h1 span{color:var(--gold)}
.lead,.section-subtitle,.info-box p,.card p,.contact-card p,.contact-card a,.cta-box p,.premium-footer p,.premium-footer a,.testimonial-card p{color:var(--muted)}
.profile-actions{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:8px}.btn{display:inline-block;padding:14px 22px;border-radius:12px;font-weight:700;transition:.25s ease}.btn-secondary{border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.03)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}
.info-bar{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.info-box,.card,.contact-card,.testimonial-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px}
.info-box h3,.card h3,.contact-card h3,.section-title,.cta-box h2,.premium-footer h2,.premium-footer h3,.testimonial-card h4{color:var(--gold)}
.section-title{text-align:center;font-size:clamp(2rem,4vw,2.9rem);margin-bottom:14px;font-weight:800}.section-subtitle{text-align:center;max-width:760px;margin:0 auto 46px}
.grid-3,.contact-grid,.testimonials-grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.testimonials-grid{grid-template-columns:repeat(3,1fr)}
.card{padding:0 0 22px;overflow:hidden;box-shadow:var(--shadow);transition:.25s ease}.card:hover,.testimonial-card:hover{transform:translateY(-5px);border-color:rgba(245,185,66,.22)}
.card-image,.gallery-item{background-size:cover;background-position:center}.card-image{height:190px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}
.service-1,.service-2,.service-3,.service-4,.service-5,.service-6,.g1,.g2,.g3,.g4{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.28)),url('cover.jpg')}
.service-2,.g2{background-position:center 22%}.service-3,.g3{background-position:center 65%}.service-4,.g4{background-position:center 40%}.service-5{background-position:center 10%}.service-6{background-position:center 80%}
.card h3,.card p{padding:0 20px}
.gallery{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.02))}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:18px}
.gallery-item{border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.g1{grid-row:1/3}.g2{grid-column:2/4}
.stars{color:var(--gold);font-size:1.15rem;margin-bottom:12px}
.testimonial-card h4{margin-top:12px}
.cta{background:radial-gradient(circle at center,rgba(245,185,66,.06),transparent 26%),#101010;text-align:center}.cta-box{max-width:920px;margin:0 auto;background:rgba(255,255,255,.03);border:1px solid rgba(245,185,66,.18);border-radius:26px;padding:46px 24px;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:14px}.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.contact{background:#101010}.contact-card a:hover,.premium-footer a:hover{color:var(--gold)}
.premium-footer{background:#090909;border-top:1px solid var(--line);padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.premium-footer a,.premium-footer p{display:block;margin-bottom:8px}.footer-copy{text-align:center;color:#a7a7a7;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
.mobile-only{display:none}
@media (max-width:992px){
  .info-bar,.grid-3,.contact-grid,.testimonials-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.g1{grid-row:auto}.g2{grid-column:auto}
  .nav-links{position:absolute;top:78px;right:4%;left:4%;background:rgba(12,12,12,.98);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;display:none}.nav-links.active{display:flex}
  .menu-toggle{display:block}.desktop-only{display:none}.mobile-only{display:inline-block}.nav{position:relative}
}
@media (max-width:768px){
  .facebook-cover{height:250px}.profile-row{padding:0 18px 22px}.profile-wrap{margin-top:-58px}.profile-image{width:132px;height:132px}
  .profile-left{flex-direction:column;align-items:center;text-align:center;width:100%}.profile-actions{width:100%;justify-content:center}
  .profile-actions .btn,.cta-actions .btn{width:100%;max-width:340px;text-align:center}
  .info-bar,.grid-3,.contact-grid,.testimonials-grid,.footer-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid{grid-template-rows:220px 220px 220px 220px}
  .section{padding:72px 0}
}
@media (max-width:480px){.brand-main{font-size:1.32rem}.facebook-cover{height:210px}.profile-image{width:118px;height:118px}.btn,.nav-cta{width:100%;text-align:center}}


.profile-image::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:2px solid rgba(245,185,66,0.22);
  box-shadow:
    0 0 24px rgba(245,185,66,0.18),
    inset 0 0 12px rgba(245,185,66,0.08);
  animation: ringPulse 2.8s infinite ease-in-out;
  pointer-events:none;
}

.profile-image::after{
  content:"PRO";
  position:absolute;
  right:-6px;
  bottom:10px;
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  color:#000;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.5px;
  padding:6px 10px;
  border-radius:999px;
  box-shadow:0 6px 18px rgba(245,185,66,.28);
  border:1px solid rgba(255,255,255,.18);
}

.profile-image:hover{
  transform:scale(1.05) translateY(-2px);
  box-shadow:
    0 0 0 6px rgba(245,185,66,0.25),
    0 0 30px rgba(245,185,66,0.4),
    0 18px 40px rgba(0,0,0,0.7);
}

@keyframes profilePulse{
  0%{box-shadow:0 0 0 4px rgba(245,185,66,0.12),0 0 18px rgba(245,185,66,0.18),0 12px 30px rgba(0,0,0,0.58);}
  50%{box-shadow:0 0 0 7px rgba(245,185,66,0.18),0 0 28px rgba(245,185,66,0.28),0 16px 34px rgba(0,0,0,0.64);}
  100%{box-shadow:0 0 0 4px rgba(245,185,66,0.12),0 0 18px rgba(245,185,66,0.18),0 12px 30px rgba(0,0,0,0.58);}
}

@keyframes ringPulse{
  0%{transform:scale(1);opacity:.7;}
  50%{transform:scale(1.04);opacity:1;}
  100%{transform:scale(1);opacity:.7;}
}