/* ============================================================
   BURAKPARLAK32 — COMPONENT STYLES v3
   ============================================================ */

/* ── ANNOUNCE BAR ── */
.announce-bar {
  position: relative; z-index: 1002;
  background: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary));
  color: rgba(255,255,255,.9); text-align: center;
  font-size: .8125rem; font-weight: 500;
  padding: .5625rem 1rem;
  display: flex; align-items: center; justify-content: center; gap: .625rem;
}
.announce-bar strong { color: #fff; }
.announce-bar a { color: var(--color-accent-light); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

/* ── NAVBAR ── */
.navbar {
  position: sticky; top: 0; left: 0; right: 0;
  z-index: 1000; height: var(--navbar-h);
  background: rgba(255,255,255,.97);
  backdrop-filter: saturate(180%) blur(16px);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid var(--color-gray-100);
  box-shadow: 0 1px 0 var(--color-gray-100);
  transition: box-shadow var(--transition), background var(--transition);
}
.navbar.scrolled { box-shadow: 0 4px 24px rgb(12 45 90 / .1); }
.navbar-inner { display: flex; align-items: center; justify-content: space-between; height: var(--navbar-h); gap: 1rem; }
.navbar-logo { display: flex; align-items: center; gap: .625rem; flex-shrink: 0; }
.navbar-logo-mark {
  width: 40px; height: 40px;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  border-radius: 11px; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgb(12 45 90 / .25); flex-shrink: 0;
}
.navbar-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.navbar-logo-name { font-family: var(--font-display); font-size: 1.0625rem; font-weight: 800; color: var(--color-primary); letter-spacing: -.025em; }
.navbar-logo-sub  { font-size: .625rem; font-weight: 600; color: var(--color-accent-dark); letter-spacing: .1em; text-transform: uppercase; }

.navbar-nav { display: flex; align-items: center; gap: .125rem; }
.navbar-nav a { display: flex; align-items: center; gap: .3rem; padding: .5rem .875rem; font-size: .9rem; font-weight: 500; color: var(--color-gray-600); border-radius: var(--radius-sm); transition: var(--transition); white-space: nowrap; }
.navbar-nav a:hover  { color: var(--color-primary); background: var(--color-primary-muted); }
.navbar-nav a.active { color: var(--color-primary); font-weight: 600; background: var(--color-primary-muted); }

/* Dropdown */
.navbar-nav .has-dropdown { position: relative; }
.navbar-dropdown {
  position: absolute; top: calc(100% + .75rem); left: 50%;
  transform: translateX(-50%) translateY(-6px);
  min-width: 260px; background: #fff; border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl); border: 1px solid var(--color-gray-100);
  padding: .5rem; opacity: 0; visibility: hidden;
  transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
  pointer-events: none;
}
.navbar-dropdown::before {
  content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
  border: 6px solid transparent; border-bottom-color: #fff;
  filter: drop-shadow(0 -1px 0 var(--color-gray-100));
}
.navbar-nav .has-dropdown:hover .navbar-dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.navbar-dropdown a { display: flex; align-items: center; gap: .75rem; padding: .75rem .875rem; font-size: .875rem; font-weight: 500; color: var(--color-gray-700); border-radius: var(--radius-sm); background: none; transition: var(--transition); }
.navbar-dropdown a:hover { background: var(--color-gray-50); color: var(--color-primary); }

.navbar-actions { display: flex; align-items: center; gap: .75rem; flex-shrink: 0; }
.navbar-phone { display: flex; align-items: center; gap: .375rem; font-size: .875rem; font-weight: 700; color: var(--color-primary); padding: .4375rem .875rem; border-radius: var(--radius-sm); transition: var(--transition); }
.navbar-phone:hover { background: var(--color-primary-muted); }

/* Mobile toggle */
.navbar-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; padding: .5rem; border-radius: var(--radius-sm); transition: var(--transition); }
.navbar-toggle:hover { background: var(--color-gray-100); }
.navbar-toggle span { display: block; width: 22px; height: 2px; background: var(--color-primary); border-radius: 2px; transition: var(--transition); }
.navbar-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.navbar-toggle.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.navbar-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile menu */
.mobile-menu-overlay { display: none; position: fixed; inset: 0; z-index: 998; background: rgba(7,29,61,.6); backdrop-filter: blur(4px); opacity: 0; transition: opacity .3s ease; }
.mobile-menu-overlay.open { display: block; opacity: 1; }
.mobile-menu {
  position: fixed; top: 0; right: 0; bottom: 0;
  width: min(360px, 92vw); z-index: 999; background: #fff;
  overflow-y: auto; transform: translateX(100%);
  transition: transform .3s cubic-bezier(0.4,0,0.2,1);
  box-shadow: var(--shadow-2xl);
}
.mobile-menu.open { transform: none; }
.mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--color-gray-100); position: sticky; top: 0; background: #fff; z-index: 1; }
.mobile-close-btn { width: 34px; height: 34px; border-radius: 50%; background: var(--color-gray-100); border: none; display: flex; align-items: center; justify-content: center; color: var(--color-gray-600); transition: var(--transition); }
.mobile-close-btn:hover { background: var(--color-gray-200); }
.mobile-nav { padding: .75rem .875rem; }
.mobile-nav a { display: flex; align-items: center; gap: .75rem; padding: .875rem 1rem; font-size: .9375rem; font-weight: 500; color: var(--color-gray-700); border-radius: var(--radius-md); transition: var(--transition); }
.mobile-nav a:hover { background: var(--color-gray-50); color: var(--color-primary); }
.mobile-nav a svg { color: var(--color-primary); flex-shrink: 0; }
.mobile-nav-divider { height: 1px; background: var(--color-gray-100); margin: .5rem 0; }
.mobile-menu-footer { padding: 1rem 1.5rem 2rem; display: flex; flex-direction: column; gap: .75rem; border-top: 1px solid var(--color-gray-100); }

@media (max-width: 960px) { .navbar-nav, .navbar-actions { display: none; } .navbar-toggle { display: flex; } }

/* ── HERO ── */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-primary-dark);
  /* taşmayı engelle */
  contain: layout;
}
.hero-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #071d3d 0%, #0c2d5a 45%, #0f3870 100%);
}
.hero-bg::after {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 900px 700px at 75% 40%, rgba(0,168,107,.14), transparent 65%),
    radial-gradient(ellipse 600px 500px at 15% 75%, rgba(22,74,143,.25), transparent 60%),
    radial-gradient(ellipse 400px 400px at 90% 90%, rgba(109,40,217,.08), transparent 60%);
}
.hero-grid {
  position: absolute; inset: 0; opacity: .025;
  background-image: linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);
  background-size: 64px 64px;
}
.hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hero-particle { position: absolute; border-radius: 50%; background: rgba(0,204,136,.15); animation: floatParticle linear infinite; }
@keyframes floatParticle { 0% { transform:translateY(100vh) scale(0); opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { transform:translateY(-100px) scale(1); opacity:0; } }

.hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 460px;
  gap: 4rem;
  align-items: start;
  padding: 5rem 0 4rem;
  width: 100%;
}
.hero-content { color: #fff; min-width: 0; }
.hero-badge { display: inline-flex; align-items: center; gap: .5rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: .4375rem 1.125rem; font-size: .8125rem; font-weight: 600; letter-spacing: .04em; color: rgba(255,255,255,.9); margin-bottom: 1.75rem; backdrop-filter: blur(6px); }
.hero-badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-accent-light); box-shadow: 0 0 8px var(--color-accent-light); animation: blink 2.5s ease-in-out infinite; }
@keyframes blink { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.4); } }

.hero-title { font-family: var(--font-display); font-size: clamp(2.25rem, 4.5vw, 3.625rem); font-weight: 900; color: #fff; line-height: 1.1; letter-spacing: -.035em; margin-bottom: 1.375rem; }
.hero-title .highlight { background: linear-gradient(90deg, var(--color-accent-light) 0%, #7ce8c8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hero-desc { font-size: 1.0625rem; color: rgba(255,255,255,.72); line-height: 1.8; margin-bottom: 2.25rem; max-width: 500px; }
.hero-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.5rem; }
.hero-trust { display: flex; align-items: center; gap: 1.75rem; flex-wrap: wrap; margin-bottom: 2.25rem; }
.hero-trust-item { display: flex; align-items: center; gap: .5rem; font-size: .8125rem; font-weight: 500; color: rgba(255,255,255,.6); }
.hero-trust-item svg { color: var(--color-accent-light); flex-shrink: 0; }
.hero-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-lg); overflow: hidden; backdrop-filter: blur(10px); }
.hero-stat { padding: 1.125rem .875rem; text-align: center; background: rgba(255,255,255,.04); transition: background var(--transition); }
.hero-stat:hover { background: rgba(255,255,255,.08); }
.hero-stat-val { font-family: var(--font-display); font-size: 1.375rem; font-weight: 800; color: #fff; display: block; letter-spacing: -.02em; }
.hero-stat-label { font-size: .6875rem; color: rgba(255,255,255,.5); margin-top: .2rem; font-weight: 500; text-transform: uppercase; letter-spacing: .06em; }

@media (max-width:1100px) {
  .hero-inner { grid-template-columns:1fr; gap:2.5rem; padding:3.5rem 0 3rem; }
  .hero { min-height: auto; }
}
@media (max-width:768px)  { .hero-stats { grid-template-columns:repeat(2,1fr); } .hero-title { font-size:clamp(1.875rem,7vw,2.75rem); } }
@media (max-width:480px)  { .hero-trust { gap:1rem; } .hero-actions { flex-direction:column; align-items:stretch; } .hero-inner { padding: 2.5rem 0 2.5rem; } }

/* ── CALCULATOR WIDGET ── */
.calc-card {
  background: #fff;
  border-radius: var(--radius-2xl);
  box-shadow: 0 28px 64px rgb(7 29 61 / .22), 0 8px 24px rgb(0 0 0 / .08);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  /* Kesinlikle taşma yok — sabit yükseklik yerine doğal yükseklik */
  display: flex;
  flex-direction: column;
  width: 100%;
  /* Hero içinde kaymasın */
  position: relative;
}
.calc-tabs {
  display: flex;
  background: var(--color-gray-50);
  border-bottom: 1px solid var(--color-gray-200);
  flex-shrink: 0;
}
.calc-tab {
  flex:1; display:flex; flex-direction:column; align-items:center; gap:.3rem;
  padding:.875rem .5rem; font-size:.75rem; font-weight:600;
  color:var(--color-gray-400); background:none; border:none;
  border-bottom:2.5px solid transparent; cursor:pointer; transition:var(--transition);
  letter-spacing:.02em;
  /* overflow koruması */
  overflow: hidden; white-space: nowrap;
}
.calc-tab:hover { color:var(--color-primary); background:rgba(12,45,90,.04); }
.calc-tab.active { color:var(--color-primary); font-weight:700; border-bottom-color:var(--color-primary); background:#fff; }
/* Scroll yok — doğal akış */
.calc-body { padding: 1.25rem; overflow: visible; flex: 1; }
.calc-panel { display: none; }
.calc-panel.active { display: block; }

.calc-section-label { font-size: .6875rem; font-weight: 700; color: var(--color-gray-400); letter-spacing: .1em; text-transform: uppercase; margin-bottom: .5rem; }
.calc-sistem-row { display: grid; grid-template-columns: 1fr 1fr; gap: .375rem; margin-bottom: 1rem; }
.calc-sistem-btn { display:flex; align-items:center; justify-content:center; gap:.375rem; padding:.5625rem .75rem; background:var(--color-gray-50); border:1.5px solid var(--color-gray-200); border-radius:var(--radius-sm); font-size:.8125rem; font-weight:600; color:var(--color-gray-500); cursor:pointer; transition:var(--transition); }
.calc-sistem-btn:hover { border-color:var(--color-primary); color:var(--color-primary); }
.calc-sistem-btn.active { background:var(--color-primary-muted); border-color:var(--color-primary); color:var(--color-primary); }

.calc-field { margin-bottom: 1rem; }
.calc-field-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .375rem; }
.calc-field-label { font-size: .8125rem; font-weight: 600; color: var(--color-gray-600); }
.calc-field-val   { font-size: .9rem; font-weight: 800; color: var(--color-primary); }
.calc-mini-input { width:100%; padding:.5rem .75rem; border:1.5px solid var(--color-gray-200); border-radius:var(--radius-sm); font-size:.875rem; font-weight:700; color:var(--color-primary); background:var(--color-gray-50); outline:none; transition:var(--transition); margin-top:.375rem; }
.calc-mini-input:focus { border-color:var(--color-primary); background:#fff; box-shadow:0 0 0 3px rgba(12,45,90,.08); }

.calc-vade-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.25rem; margin-top:.375rem; }
.vade-btn { padding:.4rem .25rem; background:var(--color-gray-50); border:1.5px solid var(--color-gray-200); border-radius:var(--radius-xs); font-size:.75rem; font-weight:600; color:var(--color-gray-400); cursor:pointer; transition:var(--transition); text-align:center; }
.vade-btn:hover { border-color:var(--color-primary); color:var(--color-primary); background:var(--color-primary-muted); }
.vade-btn.active { background:var(--color-primary); border-color:var(--color-primary); color:#fff; }

.calc-mode-toggle { display:flex; border:1.5px solid var(--color-gray-200); border-radius:var(--radius-sm); overflow:hidden; }
.calc-mode-btn { padding:.3125rem .75rem; font-size:.75rem; font-weight:600; color:var(--color-gray-400); background:none; border:none; cursor:pointer; transition:var(--transition); }
.calc-mode-btn.active { background:var(--color-primary); color:#fff; }

.calc-odeme-row { display:grid; grid-template-columns:repeat(3,1fr); gap:.25rem; }
.calc-odeme-btn { padding:.4375rem .25rem; background:var(--color-gray-50); border:1.5px solid var(--color-gray-200); border-radius:var(--radius-xs); font-size:.75rem; font-weight:600; color:var(--color-gray-500); cursor:pointer; transition:var(--transition); text-align:center; }
.calc-odeme-btn:hover { border-color:var(--color-primary); color:var(--color-primary); }
.calc-odeme-btn.active { background:var(--color-primary); border-color:var(--color-primary); color:#fff; }

.calc-uyari { display:flex; align-items:center; gap:.375rem; padding:.5rem .75rem; background:rgba(232,160,32,.1); border:1px solid rgba(232,160,32,.3); border-radius:var(--radius-sm); font-size:.75rem; font-weight:600; color:#9a6100; margin-top:.375rem; }

/* Result Panel */
.calc-result-panel {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 60%, #0f3870 100%);
  border-radius: var(--radius-md); padding: 1.125rem; margin-top: .75rem;
  position: relative; overflow: hidden;
}
.calc-result-panel::before { content:''; position:absolute; top:-30px; right:-30px; width:100px; height:100px; border-radius:50%; background:rgba(0,204,136,.1); }
.calc-result-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:.625rem; padding-bottom:.625rem; border-bottom:1px solid rgba(255,255,255,.12); position:relative; }
.calc-result-main { flex:1; }
.calc-result-label { font-size:.6rem; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.07em; font-weight:500; margin-bottom:.15rem; }
.calc-result-amount { font-family:var(--font-display); font-size:1.5rem; font-weight:900; color:#fff; letter-spacing:-.025em; line-height:1; }
.calc-result-delivery { text-align:right; }
.calc-result-date { font-size:.9375rem; font-weight:700; color:var(--color-accent-light); margin-top:.15rem; }
.calc-result-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.375rem; position:relative; }
.calc-result-item-label { font-size:.6rem; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.15rem; }
.calc-result-item-val   { font-size:.8125rem; font-weight:700; color:rgba(255,255,255,.92); font-variant-numeric:tabular-nums; }
.calc-nbm-bar { border-top:1px solid rgba(255,255,255,.1); padding-top:.625rem; margin-top:.625rem; }
.calc-nbm-label { display:flex; align-items:center; gap:.3rem; font-size:.6rem; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.2rem; }
.calc-nbm-val   { font-size:.8125rem; font-weight:600; color:rgba(255,255,255,.8); }
.calc-cta-row   { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:.75rem; }

@media (max-width:480px) { .calc-vade-grid{grid-template-columns:repeat(5,1fr);} .calc-result-grid{grid-template-columns:repeat(3,1fr);} .calc-cta-row{grid-template-columns:1fr;} }

/* ── ADVANTAGE CARDS ── */
.advantage-card { display:flex; flex-direction:column; gap:1rem; padding:1.75rem; background:#fff; border-radius:var(--radius-lg); border:1px solid var(--color-gray-100); box-shadow:var(--shadow-card); transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition); position:relative; overflow:hidden; }
.advantage-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light)); transform:scaleX(0); transform-origin:left; transition:transform var(--transition-slow); }
.advantage-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-card-hover); border-color:rgba(12,45,90,.1); }
.advantage-card:hover::before { transform:scaleX(1); }
.advantage-icon { width:54px; height:54px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform var(--transition-bounce); }
.advantage-card:hover .advantage-icon { transform:scale(1.08); }
.advantage-icon.primary { background:rgba(12,45,90,.08);  color:var(--color-primary); }
.advantage-icon.accent  { background:rgba(0,168,107,.1);  color:var(--color-accent-dark); }
.advantage-icon.gold    { background:rgba(232,160,32,.1); color:#9a6100; }
.advantage-icon.violet  { background:rgba(109,40,217,.08);color:var(--color-violet); }
.advantage-title { font-size:1.0625rem; font-weight:700; color:var(--color-gray-900); letter-spacing:-.015em; }
.advantage-desc  { font-size:.875rem; color:var(--color-gray-500); line-height:1.7; }

/* ── PLAN CARDS ── */
.plan-card { border-radius:var(--radius-xl); overflow:hidden; border:2px solid transparent; transition:var(--transition); box-shadow:var(--shadow-card); }
.plan-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-xl); }
.plan-card.featured { border-color:var(--color-accent); box-shadow:0 0 0 5px rgba(0,168,107,.08),var(--shadow-lg); }
.plan-card-header { padding:2rem 1.75rem 1.5rem; background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary)); position:relative; overflow:hidden; }
.plan-card-header::after { content:''; position:absolute; bottom:-30px; right:-30px; width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,.07); }
.plan-card-header.emerald { background:linear-gradient(135deg,#054f3a,#059669); }
.plan-card-header.violet  { background:linear-gradient(135deg,#3b0764,#6d28d9); }
.plan-featured-badge { position:absolute; top:1rem; right:1rem; background:var(--color-accent); color:#fff; font-size:.6875rem; font-weight:700; padding:.25rem .75rem; border-radius:999px; letter-spacing:.05em; text-transform:uppercase; box-shadow:0 4px 12px rgba(0,168,107,.4); }
.plan-icon-wrap { width:50px; height:50px; border-radius:var(--radius-md); background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; margin-bottom:1rem; color:#fff; }
.plan-title { font-family:var(--font-display); font-size:1.25rem; font-weight:700; color:#fff; margin-bottom:.4rem; }
.plan-desc  { font-size:.875rem; color:rgba(255,255,255,.7); line-height:1.6; }
.plan-card-body { padding:1.75rem; background:#fff; }
.plan-steps { margin-bottom:1.25rem; }
.plan-step { display:flex; align-items:flex-start; gap:.875rem; padding:.6rem 0; border-bottom:1px solid var(--color-gray-100); }
.plan-step:last-child { border-bottom:none; }
.plan-step-num { width:24px; height:24px; border-radius:50%; background:var(--color-primary); color:#fff; font-size:.75rem; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:.1rem; }
.plan-step-num.emerald { background:#059669; }
.plan-step-num.violet  { background:var(--color-violet); }
.plan-step-text { font-size:.875rem; color:var(--color-gray-600); line-height:1.5; }
.plan-advantages { display:flex; flex-direction:column; gap:.5rem; }
.plan-advantage { display:flex; align-items:flex-start; gap:.5rem; font-size:.875rem; color:var(--color-gray-700); }
.plan-advantage svg { color:var(--color-accent-dark); flex-shrink:0; margin-top:.125rem; }
.plan-for { background:linear-gradient(135deg,var(--color-gray-50),#f0f4ff); border-radius:var(--radius-md); padding:.875rem 1rem; font-size:.875rem; color:var(--color-gray-600); margin-top:1.25rem; border-left:3px solid var(--color-primary); }

/* ── TESTIMONIALS ── */
.testimonial-card { background:#fff; border-radius:var(--radius-lg); padding:1.75rem; box-shadow:var(--shadow-card); border:1px solid var(--color-gray-100); transition:var(--transition); position:relative; }
.testimonial-card::before { content:'"'; position:absolute; top:1.25rem; right:1.5rem; font-family:Georgia,serif; font-size:5rem; line-height:1; color:var(--color-gray-100); font-weight:700; pointer-events:none; }
.testimonial-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-card-hover); }
.stars { display:flex; gap:2px; color:var(--color-gold); margin-bottom:.875rem; }
.testimonial-quote  { font-size:.9375rem; color:var(--color-gray-600); line-height:1.75; margin-bottom:1.25rem; font-style:italic; position:relative; }
.testimonial-author { display:flex; align-items:center; gap:.875rem; }
.testimonial-avatar { width:46px; height:46px; border-radius:50%; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light)); display:flex; align-items:center; justify-content:center; font-size:.9375rem; font-weight:700; color:#fff; flex-shrink:0; box-shadow:0 4px 10px rgb(12 45 90 / .25); }
.testimonial-name   { font-weight:700; font-size:.9375rem; color:var(--color-gray-900); }
.testimonial-meta   { font-size:.8125rem; color:var(--color-gray-400); display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-top:.2rem; }
.testimonial-tur    { background:var(--color-primary-muted); border-radius:999px; padding:.125rem .625rem; font-size:.75rem; font-weight:600; color:var(--color-primary); }

/* ── FAQ ── */
.faq-list { display:flex; flex-direction:column; gap:.5rem; }
.faq-item { background:#fff; border:1.5px solid var(--color-gray-200); border-radius:var(--radius-md); overflow:hidden; transition:var(--transition); }
.faq-item.open { border-color:var(--color-primary); box-shadow:0 4px 20px rgb(12 45 90 / .08); }
.faq-item:hover:not(.open) { border-color:var(--color-gray-300); box-shadow:var(--shadow-sm); }
.faq-question { display:flex; align-items:center; justify-content:space-between; padding:1.125rem 1.375rem; cursor:pointer; gap:1rem; background:none; border:none; width:100%; text-align:left; }
.faq-q-text { font-size:.9375rem; font-weight:600; color:var(--color-gray-800); line-height:1.4; }
.faq-item.open .faq-q-text { color:var(--color-primary); }
.faq-icon { width:28px; height:28px; border-radius:50%; background:var(--color-gray-100); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:var(--transition); color:var(--color-gray-500); }
.faq-item.open .faq-icon { background:var(--color-primary); color:#fff; transform:rotate(45deg); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .38s ease; }
.faq-item.open .faq-answer { max-height:600px; }
.faq-answer-inner { padding:1rem 1.375rem 1.25rem; font-size:.9375rem; color:var(--color-gray-600); line-height:1.75; border-top:1px solid var(--color-gray-100); }

/* ── STATS BAR ── */
.stats-bar { background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 60%,#1a4a8a 100%); padding:3.5rem 0; position:relative; overflow:hidden; }
.stats-bar::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 600px 400px at 50% 50%,rgba(0,168,107,.12),transparent); }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
.stat-item { color:#fff; text-align:center; padding:1rem 1.5rem; border-right:1px solid rgba(255,255,255,.1); }
.stat-item:last-child { border-right:none; }
.stat-val { font-family:var(--font-display); font-size:clamp(1.875rem,3.5vw,2.75rem); font-weight:900; color:#fff; letter-spacing:-.03em; line-height:1; margin-bottom:.375rem; }
.stat-label { font-size:.8125rem; color:rgba(255,255,255,.55); font-weight:500; text-transform:uppercase; letter-spacing:.07em; }
@media (max-width:768px) { .stats-grid { grid-template-columns:repeat(2,1fr); } .stat-item { border-bottom:1px solid rgba(255,255,255,.1); } }

/* ── PAYMENT TABLE ── */
.payment-table-wrap { border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--color-gray-200); box-shadow:var(--shadow-md); }
.payment-table { width:100%; border-collapse:collapse; font-size:.875rem; }
.payment-table thead th { background:var(--color-primary); color:#fff; font-weight:600; font-size:.8125rem; padding:.875rem 1rem; text-align:left; white-space:nowrap; letter-spacing:.02em; }
.payment-table thead th:first-child { background:var(--color-primary-dark); }
.payment-table tbody tr { border-bottom:1px solid var(--color-gray-100); transition:background .15s; }
.payment-table tbody tr:hover { background:var(--color-primary-muted); }
.payment-table tbody tr:nth-child(even) { background:var(--color-gray-50); }
.payment-table td { padding:.75rem 1rem; color:var(--color-gray-700); font-variant-numeric:tabular-nums; }
.payment-table td.amount { font-weight:600; color:var(--color-primary); }
@media (max-width:640px) { .payment-table-wrap { overflow-x:auto; } .payment-table { min-width:540px; } }

/* ── MODAL ── */
.modal-overlay { position:fixed; inset:0; z-index:2000; background:rgba(7,29,61,.6); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:1.25rem; opacity:0; visibility:hidden; transition:var(--transition); }
.modal-overlay.open { opacity:1; visibility:visible; }
.modal { background:#fff; border-radius:var(--radius-2xl); box-shadow:var(--shadow-2xl); max-width:520px; width:100%; max-height:92vh; overflow-y:auto; transform:translateY(24px) scale(.97); transition:var(--transition); }
.modal-overlay.open .modal { transform:none; }
.modal-header { padding:1.75rem 1.75rem 0; display:flex; justify-content:space-between; align-items:flex-start; }
.modal-title  { font-size:1.25rem; font-weight:700; color:var(--color-primary); }
.modal-close  { width:34px; height:34px; border-radius:50%; background:var(--color-gray-100); border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--color-gray-500); flex-shrink:0; transition:var(--transition); }
.modal-close:hover { background:var(--color-gray-200); color:var(--color-gray-800); transform:rotate(90deg); }
.modal-body { padding:1.5rem 1.75rem 1.75rem; }
.modal-summary { background:var(--color-gray-50); border-radius:var(--radius-md); padding:1rem 1.25rem; margin-bottom:1.5rem; display:grid; grid-template-columns:1fr 1fr; gap:.75rem; border:1px solid var(--color-gray-200); }
.modal-summary-label { font-size:.6875rem; color:var(--color-gray-400); font-weight:500; text-transform:uppercase; letter-spacing:.06em; }
.modal-summary-val   { font-size:.9375rem; font-weight:800; color:var(--color-primary); margin-top:.2rem; font-variant-numeric:tabular-nums; }

/* ── CAMPAIGN CARDS ── */
.campaign-card { border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--color-gray-100); transition:var(--transition); box-shadow:var(--shadow-card); }
.campaign-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-card-hover); }
.campaign-header { padding:1.5rem; display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.campaign-header.blue    { background:linear-gradient(135deg,#f0f4ff,#e8f0ff); }
.campaign-header.emerald { background:linear-gradient(135deg,#f0fdf8,#dcfce7); }
.campaign-header.violet  { background:linear-gradient(135deg,#f5f3ff,#ede9fe); }
.campaign-title { font-size:1rem; font-weight:700; color:var(--color-gray-900); line-height:1.35; }
.campaign-body  { padding:1rem 1.5rem 1.5rem; }
.campaign-desc  { font-size:.875rem; color:var(--color-gray-600); line-height:1.65; margin-bottom:.875rem; }

/* ── CTA SECTION ── */
.cta-section { background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 60%,#0f3870 100%); padding:5rem 0; position:relative; overflow:hidden; }
.cta-section::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 700px 500px at 50% 50%,rgba(0,168,107,.12),transparent); }
.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:3rem; flex-wrap:wrap; position:relative; }
.cta-text  { flex:1; }
.cta-title { font-family:var(--font-display); font-size:clamp(1.75rem,3.5vw,2.75rem); font-weight:900; color:#fff; line-height:1.15; letter-spacing:-.03em; margin-bottom:.875rem; }
.cta-desc  { font-size:1.0625rem; color:rgba(255,255,255,.7); line-height:1.7; max-width:440px; }
.cta-actions { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:768px) { .cta-inner { flex-direction:column; align-items:flex-start; } }

/* ── FOOTER ── */
.footer { background:var(--color-primary-dark); padding:5rem 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:3rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.08); }
.footer-logo { display:flex; align-items:center; gap:.625rem; margin-bottom:1.125rem; }
.footer-logo-mark { width:38px; height:38px; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light)); border-radius:10px; display:flex; align-items:center; justify-content:center; }
.footer-brand-name { font-family:var(--font-display); font-size:1.0625rem; font-weight:800; color:#fff; }
.footer-brand-desc { font-size:.875rem; color:rgba(255,255,255,.4); line-height:1.75; margin-bottom:1.5rem; max-width:300px; }
.footer-social { display:flex; gap:.625rem; }
.footer-social a { width:38px; height:38px; border-radius:var(--radius-sm); background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6); transition:var(--transition); }
.footer-social a:hover { background:var(--color-accent); color:#fff; transform:translateY(-2px); }
.footer-col-title { font-size:.75rem; font-weight:700; color:rgba(255,255,255,.35); letter-spacing:.1em; text-transform:uppercase; margin-bottom:1.125rem; }
.footer-links { display:flex; flex-direction:column; gap:.375rem; }
.footer-links a { display:flex; align-items:center; gap:.375rem; font-size:.875rem; color:rgba(255,255,255,.5); transition:var(--transition); padding:.1875rem 0; }
.footer-links a:hover { color:#fff; }
.footer-links a svg { color:rgba(255,255,255,.25); }
.footer-contact { display:flex; flex-direction:column; gap:.75rem; }
.footer-contact-item { display:flex; align-items:flex-start; gap:.75rem; font-size:.875rem; color:rgba(255,255,255,.5); }
.footer-contact-item svg { color:var(--color-accent-light); flex-shrink:0; margin-top:.1rem; }
.footer-contact-item a { color:rgba(255,255,255,.7); transition:var(--transition); }
.footer-contact-item a:hover { color:#fff; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding:1.5rem 0; flex-wrap:wrap; gap:1rem; }
.footer-copy { font-size:.8125rem; color:rgba(255,255,255,.25); }
.footer-legal { display:flex; gap:1.5rem; }
.footer-legal a { font-size:.8125rem; color:rgba(255,255,255,.3); transition:var(--transition); }
.footer-legal a:hover { color:rgba(255,255,255,.7); }
@media (max-width:900px) { .footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:580px)  { .footer-grid { grid-template-columns:1fr; } }

/* ── SCROLL TOP ── */
.scroll-top { position:fixed; bottom:2rem; right:2rem; z-index:900; width:44px; height:44px; border-radius:50%; background:var(--color-primary); color:#fff; border:none; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgb(12 45 90 / .3); cursor:pointer; transition:var(--transition); opacity:0; visibility:hidden; transform:translateY(12px); }
.scroll-top.visible { opacity:1; visibility:visible; transform:none; }
.scroll-top:hover { background:var(--color-primary-light); transform:translateY(-2px); box-shadow:0 8px 24px rgb(12 45 90 / .4); }