/* ===== MSCAR.PRO — SILVER WHITE SHIMMER DESIGN ===== */
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes hero-sweep {
  0%   { left: -80%; }
  100% { left: 130%; }
}

.shimmer-text {
  background: linear-gradient(90deg, #94a3b8 0%, #cbd5e1 20%, #ffffff 45%, #cbd5e1 60%, #94a3b8 80%, #cbd5e1 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 4s linear infinite;
}
.shimmer-text-dark {
  background: linear-gradient(90deg, #334155 0%, #64748b 20%, #94a3b8 45%, #64748b 60%, #334155 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 5s linear infinite;
}
.stat-num {
  background: linear-gradient(90deg, #64748b, #cbd5e1, #ffffff, #cbd5e1, #64748b);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 3s linear infinite;
}
.step-num {
  background: linear-gradient(135deg, #334155, #475569, #94a3b8, #475569, #334155);
  background-size: 200% auto;
  animation: shimmer 4s linear infinite;
  color: #fff;
}

/* Hero */
.hero-bg {
  background: linear-gradient(135deg, #0a0f1e 0%, #0f172a 40%, #1a2744 60%, #0f172a 80%, #0a0f1e 100%);
  position: relative;
  overflow: hidden;
}
.hero-bg::after {
  content: '';
  position: absolute;
  top: 0; left: -80%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(148,163,184,.07), rgba(255,255,255,.04), rgba(148,163,184,.07), transparent);
  animation: hero-sweep 7s linear infinite;
  pointer-events: none;
}

/* Section backgrounds */
.silver-section { background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); }
.dark-section   { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
.stats-bar {
  background: linear-gradient(90deg, #1e293b 0%, #334155 25%, #1e293b 50%, #334155 75%, #1e293b 100%);
  background-size: 200% auto;
  animation: shimmer 8s linear infinite;
}

/* Buttons */
.btn-silver {
  background: linear-gradient(135deg, #334155 0%, #475569 30%, #94a3b8 50%, #475569 70%, #334155 100%);
  background-size: 200% auto;
  color: #fff !important;
  border: none;
  transition: background-position .5s, transform .2s;
}
.btn-silver:hover { background-position: right center; transform: translateY(-1px); color: #fff !important; }

.btn-dark {
  background: linear-gradient(135deg, #0f172a, #1e293b, #0f172a);
  color: #fff !important; border: none;
  transition: background .3s, transform .2s;
}
.btn-dark:hover { background: linear-gradient(135deg, #1e293b, #334155, #1e293b); transform: translateY(-1px); color: #fff !important; }

.btn-outline-silver {
  background: transparent; color: #94a3b8 !important;
  border: 1.5px solid #94a3b8 !important; transition: all .3s;
}
.btn-outline-silver:hover { background: rgba(148,163,184,.12); color: #fff !important; border-color: #cbd5e1 !important; }

.btn-wa { background: #25D366; color: #fff !important; border: none; }
.btn-wa:hover { background: #20bf5c; color: #fff !important; }
.btn-tg { background: #2CA5E0; color: #fff !important; border: none; }
.btn-tg:hover { background: #2491c7; color: #fff !important; }

/* Cards */
.card-silver {
  background: #fff; border: 1px solid #e2e8f0;
  position: relative; overflow: hidden;
  transition: box-shadow .3s, transform .3s;
}
.card-silver::before {
  content: ''; position: absolute;
  top: 0; left: -100%; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
  transition: left .6s; pointer-events: none;
}
.card-silver:hover::before { left: 200%; }
.card-silver:hover { box-shadow: 0 12px 40px rgba(148,163,184,.25); transform: translateY(-3px); }

/* Icon circles */
.icon-circle-silver { background: linear-gradient(135deg, #e2e8f0, #f1f5f9, #e2e8f0); border: 1px solid #cbd5e1; }
.icon-circle-dark   { background: linear-gradient(135deg, #1e293b, #334155); }

/* Nav border */
.nav-line { border-bottom: 2px solid; border-image: linear-gradient(90deg, transparent 0%, #94a3b8 30%, #e2e8f0 50%, #94a3b8 70%, transparent 100%) 1; }

/* Phone box */
.phone-box { background: rgba(255,255,255,.08); border: 1px solid rgba(148,163,184,.3); backdrop-filter: blur(8px); border-radius: 12px; padding: .75rem 1rem; }

/* Section heading underline */
.section-heading::after {
  content: ''; display: block; width: 60px; height: 2px;
  background: linear-gradient(90deg, #475569, #94a3b8, #e2e8f0);
  margin: .75rem auto 0; border-radius: 2px;
}

/* FAQ */
.faq-item summary { cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }

html { scroll-behavior: smooth; }