/* =====================================================================
   NECAT DERNEĞİ — ANA SAYFA (necat-home.css)
   necat-theme.css'ten sonra yüklenir. Kurumsal, dernek/vakıf kimlikli.
   ===================================================================== */

/* Editöryel başlık fontu (kurumsal serif gravite) */
.nd-hero__title,
.nd-section-title { font-family: 'DM Serif Display', 'Poppins', Georgia, serif; font-weight: 400; letter-spacing: 0; }

/* Genel yardımcılar (diğer sayfalarla paylaşılan) */
.section-badge {
    display: inline-flex; align-items: center; gap: .5rem;
    font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: var(--nd-teal); background: rgba(42,157,143,.10);
    padding: .4rem .95rem; border-radius: 99px; margin-bottom: 1rem;
}
.text-gradient { background: var(--nd-gradient-accent); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* ===================== HERO ===================== */
.nd-hero {
    position: relative; min-height: clamp(560px, 88vh, 840px);
    display: flex; align-items: center; overflow: hidden; color: #fff;
    margin-top: -2px;
}
.nd-hero__bg {
    position: absolute; inset: 0; background-size: cover; background-position: center;
    transform: scale(1.06); animation: nd-hero-zoom 18s ease-out forwards;
}
@keyframes nd-hero-zoom { to { transform: scale(1); } }
.nd-hero__overlay {
    position: absolute; inset: 0;
    background:
        linear-gradient(103deg, rgba(8,50,31,.95) 0%, rgba(11,61,46,.88) 42%, rgba(17,94,69,.55) 75%, rgba(42,157,143,.30) 100%),
        radial-gradient(900px 420px at 85% 110%, rgba(159,193,49,.18), transparent 60%);
}
.nd-hero__inner { position: relative; z-index: 2; width: 100%; padding: 7rem 1.25rem 6rem; }
.nd-hero__content { max-width: 660px; }
.nd-hero__badge {
    display: inline-flex; align-items: center; gap: .55rem;
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    color: #fff; font-weight: 600; font-size: .9rem; letter-spacing: .02em;
    padding: .55rem 1.1rem; border-radius: 99px; margin-bottom: 1.5rem;
}
.nd-hero__badge i { color: var(--nd-lime-bright); }
.nd-hero__title {
    font-size: clamp(2.5rem, 5.4vw, 4.3rem); line-height: 1.07; color: #fff;
    margin: 0 0 1.25rem; text-shadow: 0 4px 24px rgba(0,0,0,.35);
}
.nd-hero__subtitle {
    font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.7;
    color: rgba(255,255,255,.92); max-width: 580px; margin: 0 0 2rem;
}
.nd-hero__actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.nd-btn-glass {
    background: rgba(255,255,255,.12); color: #fff;
    border: 2px solid rgba(255,255,255,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.nd-btn-glass:hover { background: #fff; color: var(--nd-emerald); transform: translateY(-3px); }
.nd-hero__quote {
    font-family: 'DM Serif Display', Georgia, serif; font-style: italic;
    color: var(--nd-lime-bright); font-size: 1.2rem; margin: 2rem 0 0; opacity: .95;
}
.nd-hero__scroll {
    position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%);
    width: 26px; height: 42px; border: 2px solid rgba(255,255,255,.55); border-radius: 14px;
    display: none; z-index: 2;
}
.nd-hero__scroll span {
    position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; border-radius: 4px;
    background: #fff; transform: translateX(-50%); animation: nd-scroll 1.6s ease-in-out infinite;
}
@keyframes nd-scroll { 0%{ opacity:0; transform: translate(-50%,0);} 30%{opacity:1;} 60%{opacity:1; transform: translate(-50%,12px);} 100%{opacity:0;} }
@media (min-width: 768px) { .nd-hero__scroll { display: block; } }

/* ===================== İSTATİSTİK BANDI ===================== */
.nd-statsbar { background: var(--nd-gradient-deep); padding: clamp(2.2rem,5vw,3.2rem) 0; position: relative; }
.nd-statsbar::before {
    content:""; position:absolute; inset:0; pointer-events:none;
    background: radial-gradient(700px 200px at 50% 0%, rgba(159,193,49,.12), transparent 70%);
}
.nd-statsbar__grid { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; text-align: center; }
.nd-stat { padding: .5rem 1rem; position: relative; }
.nd-stat + .nd-stat::before { content:""; position:absolute; left:0; top:18%; bottom:18%; width:1px; background: rgba(255,255,255,.14); }
.nd-stat__num { display: block; font-family: 'DM Serif Display', serif; font-size: clamp(2rem, 4.4vw, 3rem); color: var(--nd-lime-bright); line-height: 1; }
.nd-stat__label { display: block; margin-top: .5rem; color: rgba(255,255,255,.82); font-size: .95rem; font-weight: 500; }

/* ===================== FAALİYET ALANLARI ===================== */
.nd-areas__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; margin-top: 2.75rem; }
.nd-area-card {
    position: relative; background: #fff; border: 1px solid var(--nd-line); border-radius: var(--nd-r-lg);
    padding: 2.1rem 1.9rem; box-shadow: var(--nd-shadow-sm); overflow: hidden;
    transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease), border-color .35s ease;
}
.nd-area-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background: var(--nd-gradient-accent); transform: scaleY(0); transform-origin: top; transition: transform .4s var(--nd-ease); }
.nd-area-card:hover { transform: translateY(-8px); box-shadow: var(--nd-shadow-md); border-color: rgba(42,157,143,.30); }
.nd-area-card:hover::before { transform: scaleY(1); }
.nd-area-card__icon {
    width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center;
    background: var(--nd-gradient-primary); color: #fff; font-size: 1.55rem; margin-bottom: 1.25rem;
    box-shadow: var(--nd-shadow-emerald);
}
.nd-area-card h3 { font-size: 1.2rem; margin: 0 0 .6rem; color: var(--nd-ink); }
.nd-area-card p { color: var(--nd-muted); line-height: 1.65; margin: 0; font-size: .97rem; }

/* ===================== MİSYON / FELSEFE ===================== */
.nd-mission__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(2rem,5vw,4rem); align-items: center; }
.nd-mission__media { position: relative; }
.nd-mission__media img { width: 100%; height: 100%; max-height: 480px; object-fit: cover; border-radius: var(--nd-r-xl); box-shadow: var(--nd-shadow-lg); }
.nd-mission__badge {
    position: absolute; left: -18px; bottom: -18px; background: #fff; border-radius: var(--nd-r);
    box-shadow: var(--nd-shadow-md); padding: 1.1rem 1.4rem; display: flex; align-items: center; gap: .9rem;
    border: 1px solid var(--nd-line);
}
.nd-mission__badge-num { font-family: 'DM Serif Display', serif; font-size: 2.1rem; color: var(--nd-emerald); line-height: 1; }
.nd-mission__badge-text { font-size: .85rem; color: var(--nd-muted); font-weight: 600; line-height: 1.3; }
.nd-mission__content .nd-section-title { margin-bottom: 1.1rem; }
.nd-mission__list { list-style: none; padding: 0; margin: 1.5rem 0 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: .8rem 1.25rem; }
.nd-mission__list li { display: flex; align-items: center; gap: .65rem; font-weight: 600; color: var(--nd-ink); }
.nd-mission__list i { color: var(--nd-teal); }

/* ===================== ÖNE ÇIKAN PROJELER ===================== */
.nd-projects__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; margin-top: 2.75rem; }
.nd-project-card {
    position: relative; background: #fff; border: 1px solid var(--nd-line); border-radius: var(--nd-r-lg);
    padding: 2rem; box-shadow: var(--nd-shadow-sm); overflow: hidden; display: flex; flex-direction: column;
    transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease), border-color .35s ease;
}
.nd-project-card::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background: var(--nd-gradient-accent); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--nd-ease); }
.nd-project-card:hover { transform: translateY(-8px); box-shadow: var(--nd-shadow-md); border-color: rgba(42,157,143,.30); }
.nd-project-card:hover::before { transform: scaleX(1); }
.nd-project-card__cat { align-self: flex-start; display: inline-flex; align-items: center; gap: .45rem; background: var(--nd-gradient-primary); color: #fff; font-size: .8rem; font-weight: 600; padding: .42rem .9rem; border-radius: 99px; margin-bottom: 1rem; }
.nd-project-card h3 { font-size: 1.25rem; margin: 0 0 .7rem; color: var(--nd-ink); }
.nd-project-card p { color: var(--nd-muted); line-height: 1.65; margin: 0 0 1.25rem; flex: 1; }
.nd-project-card__link { display: inline-flex; align-items: center; gap: .5rem; color: var(--nd-emerald); font-weight: 600; }
.nd-project-card__link i { transition: transform .25s var(--nd-ease); }
.nd-project-card__link:hover { color: var(--nd-teal); }
.nd-project-card__link:hover i { transform: translateX(4px); }

/* ===================== BAĞIŞ ÇAĞRISI (CTA) ===================== */
.nd-cta-band { position: relative; overflow: hidden; background: var(--nd-gradient-primary); color: #fff; padding: clamp(3.5rem,8vw,5.5rem) 0; text-align: center; }
.nd-cta-band::before { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(620px 320px at 50% -10%, rgba(159,193,49,.24), transparent 60%); }
.nd-cta-inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; padding: 0 1.25rem; }
.nd-eyebrow--light { color: #fff; background: rgba(255,255,255,.16); }
.nd-eyebrow--light::before { background: var(--nd-lime-bright); }
.nd-cta-band h2 { font-family: 'DM Serif Display', serif; font-weight: 400; color: #fff; font-size: clamp(1.9rem,4.2vw,2.8rem); margin: 0 0 1rem; }
.nd-cta-band p { color: rgba(255,255,255,.92); font-size: 1.12rem; margin: 0 0 2rem; }
.nd-cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.nd-cta-band .nd-btn-primary { background: #fff; color: var(--nd-emerald); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.nd-cta-band .nd-btn-primary:hover { color: var(--nd-emerald); transform: translateY(-3px); }
.nd-cta-band .nd-btn-outline { color: #fff; border-color: rgba(255,255,255,.7); }
.nd-cta-band .nd-btn-outline:hover { background: #fff; color: var(--nd-emerald); }

/* ===================== GÖNÜLLÜ DAVETİ ===================== */
.nd-volunteer-invite__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem,5vw,4rem); align-items: center; }
.nd-volunteer-invite__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.nd-vi-card {
    background: #fff; border: 1px solid var(--nd-line); border-radius: var(--nd-r); padding: 1.6rem 1.25rem;
    display: flex; flex-direction: column; align-items: center; gap: .75rem; text-align: center;
    box-shadow: var(--nd-shadow-sm); transition: transform .3s var(--nd-ease), box-shadow .3s var(--nd-ease);
}
.nd-vi-card:hover { transform: translateY(-6px); box-shadow: var(--nd-shadow-md); }
.nd-vi-card i { width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: rgba(17,94,69,.08); color: var(--nd-emerald); font-size: 1.3rem; }
.nd-vi-card span { font-weight: 600; color: var(--nd-ink); font-size: .98rem; }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 992px) {
    .nd-statsbar__grid { grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; }
    .nd-stat:nth-child(3)::before { display: none; }
    .nd-areas__grid, .nd-projects__grid { grid-template-columns: 1fr 1fr; }
    .nd-mission__grid, .nd-volunteer-invite__grid { grid-template-columns: 1fr; }
    .nd-mission__media { max-width: 560px; }
    .nd-mission__badge { left: 16px; }
}
@media (max-width: 640px) {
    .nd-hero__inner { padding: 6rem 1.25rem 4.5rem; }
    .nd-statsbar__grid { grid-template-columns: 1fr 1fr; }
    .nd-stat::before { display: none !important; }
    .nd-areas__grid, .nd-projects__grid { grid-template-columns: 1fr; }
    .nd-mission__list { grid-template-columns: 1fr; }
    .nd-volunteer-invite__cards { grid-template-columns: 1fr 1fr; }
    .nd-hero__actions .nd-btn { width: 100%; }
}