:root{
  --vtea-burgundy:#7A0E1A;
  --vtea-burgundy-2:#5E0B14;
  --vtea-ink:#111827;
  --vtea-muted:#6B7280;
  --vtea-bg:#F7F7F9;
  --vtea-card:#ffffff;
  --vtea-cta:#F59E0B;
}

body { color: var(--vtea-ink); background: var(--vtea-bg); }
.navbar { background: rgba(255,255,255,.92); backdrop-filter: blur(8px); }
.brand-dot { width:10px; height:10px; border-radius:999px; background: var(--vtea-burgundy); display:inline-block; margin-right:.5rem; }
section, header { scroll-margin-top: 96px; }

.hero {
  position: relative;
  background: radial-gradient(1200px 600px at 20% 0%, rgba(122,14,26,.18), transparent 60%),
              radial-gradient(900px 500px at 100% 10%, rgba(17,24,39,.08), transparent 55%),
              linear-gradient(180deg, #fff 0%, #fff 55%, var(--vtea-bg) 100%);
  overflow: hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:-40% -20% auto auto;
  width:520px;
  height:520px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(122,14,26,.22), rgba(122,14,26,0) 60%);
  transform: rotate(20deg);
  pointer-events:none;
}

.hero-card{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 18px 40px rgba(17,24,39,.08);
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .75rem;
  border-radius:999px;
  background: rgba(122,14,26,.08);
  color: var(--vtea-burgundy-2);
  font-weight:600;
  font-size:.95rem;
}

.btn-vtea{
  background: var(--vtea-burgundy);
  border-color: var(--vtea-burgundy);
}
.btn-vtea:hover{ background: var(--vtea-burgundy-2); border-color: var(--vtea-burgundy-2); }

.btn-cta{
  background: var(--vtea-cta);
  border-color: var(--vtea-cta);
  color:#111827;
  font-weight:800;
}
.btn-cta:hover{ filter: brightness(.95); color:#111827; }

.section-title{ letter-spacing:-.02em; }
.muted{ color: var(--vtea-muted); }

.feature-card{
  background: var(--vtea-card);
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 1.25rem;
  transition: transform .15s ease, box-shadow .15s ease;
}
.feature-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(17,24,39,.10);
}

.icon-badge{
  width:44px; height:44px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(122,14,26,.10);
  color: var(--vtea-burgundy);
  font-size: 1.25rem;
  flex: 0 0 auto;
}

.callout{
  background: linear-gradient(135deg, rgba(122,14,26,.10), rgba(245,158,11,.12));
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 1.25rem;
}

.divider{ border-top: 1px solid rgba(17,24,39,.10); }

footer{
  background:#0b0f1a;
  color:#e5e7eb;
}
footer a{ color:#e5e7eb; text-decoration:none; }
footer a:hover{ text-decoration:underline; }
.mini{ font-size:.95rem; color: rgba(229,231,235,.8); }

/* hero mini-kártyák 2. sora legyen olvasható */
.hero .hero-card .mini{
  color: rgba(17,24,39,.72) !important;
  font-weight: 600;
}

/* Form / modal finomítás */
.form-control.rounded-4, .form-select.rounded-4, textarea.rounded-4{
  border-radius: .9rem !important;
  padding: .7rem .9rem;
}
.modal-content{ border-radius: 1.25rem; }

/* Támogatás modal (SimplePay) */
.tamogatas-page ul { margin-bottom: 0; }
.amount-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.amount-button{
  border:1px solid rgba(17,24,39,.2);
  background:#fff;
  padding:.55rem .8rem;
  border-radius:.85rem;
  font-weight:800;
  cursor:pointer;
}
.amount-button.active{
  border-color: var(--vtea-burgundy);
  box-shadow: 0 0 0 .2rem rgba(122,14,26,.15);
}
#custom-amount{ display:none; }
.amount-box{
  border:1px dashed rgba(17,24,39,.25);
  border-radius:.9rem;
  padding:.75rem;
  background:#fff;
  font-weight:800;
}
#submit-button{
  margin-top: .75rem;
  background: var(--vtea-burgundy);
  color: #fff;
  border: 0;
  padding: .65rem 1rem;
  border-radius: .9rem;
  font-weight: 900;
}
#submit-button:hover{ background: var(--vtea-burgundy-2); }