@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

/* ── 2-COLOR BRAND: TEAL TURQUOISE + WHITE ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --p:    #06B6D4;
  --p-l:  #E0F7FC;
  --p-m:  #22D3EE;
  --p-d:  #0E7490;

  --bg:   #F0FBFF;
  --bg2:  #FFFFFF;
  --bg3:  #E0F7FC;
  --bg4:  #BAE6FD;

  --text:  #060F14;
  --text2: #2D5F70;
  --text3: #67B8CC;

  --display:'Syne',sans-serif;
  --body:'DM Sans',sans-serif;
  --mono:'DM Mono',monospace;

  --r:16px; --r-lg:24px; --r-xl:32px; --r-2xl:44px;
  --glass:rgba(255,255,255,0.75);
  --glass-border:rgba(255,255,255,0.55);
  --shadow:0 8px 32px rgba(6,182,212,0.12);
}

[data-theme="dark"] {
  --bg:#030E0E; --bg2:#081E1E; --bg3:#0D2A2A; --bg4:#123636;
  --text:#EEF9F9; --text2:rgba(238,249,249,0.6); --text3:rgba(238,249,249,0.28);
  --p:#06B6D4; --p-l:rgba(6,182,212,0.13); --p-m:#22D3EE; --p-d:#1AACAC;
  --glass:rgba(8,30,30,0.75); --glass-border:rgba(6,182,212,0.16);
  --shadow:0 8px 32px rgba(0,0,0,0.45);
}

html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:var(--body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
h1,h2,h3,h4,h5 { font-family:var(--display); font-weight:800; line-height:1.05; color:var(--text); }

/* ── NAV ── */
.nav {
  position:sticky; top:0; z-index:1000;
  background:var(--glass);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--glass-border);
}
.nav-inner {
  max-width:1200px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center;
  padding:0 36px; height:68px;
}
.nav-logo { font-family:var(--display); font-size:22px; font-weight:800; color:var(--text); }
.nav-logo em { color:var(--p); font-style:normal; }
.nav-links { display:flex; align-items:center; gap:2px; }
.nav-item { position:relative; }
.nav-link {
  display:flex; align-items:center; gap:4px; padding:8px 14px;
  border-radius:10px; font-size:14px; font-weight:500; color:var(--text2);
  transition:color 0.2s,background 0.2s; cursor:pointer; white-space:nowrap;
  border:none; background:none; font-family:var(--body);
}
.nav-link:hover,.nav-link.active { color:var(--p); background:var(--p-l); }
.nav-arrow { font-size:9px; transition:transform 0.2s; opacity:0.5; }
.nav-item:hover .nav-arrow { transform:rotate(180deg); }

.nav-dropdown {
  position:absolute; top:calc(100% + 8px); left:0;
  background:var(--glass); backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--glass-border); border-radius:var(--r-lg);
  box-shadow:var(--shadow); padding:8px; min-width:210px;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:all 0.22s cubic-bezier(0.4,0,0.2,1); pointer-events:none;
}
.nav-item:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); pointer-events:all; }
.nav-dropdown a { display:block; padding:9px 14px; border-radius:10px; font-size:13px; font-weight:500; color:var(--text2); transition:color 0.15s,background 0.15s; }
.nav-dropdown a:hover { color:var(--p); background:var(--p-l); }

.nav-right { display:flex; align-items:center; gap:10px; }
.nav-theme {
  background:transparent; border:1px solid var(--glass-border); border-radius:999px;
  padding:6px 14px; cursor:pointer; font-family:var(--mono); font-size:10px;
  color:var(--text2); letter-spacing:0.06em; transition:all 0.2s;
}
.nav-theme:hover { border-color:var(--p); color:var(--p); }
.nav-cta {
  background:var(--p); color:#fff; border:none; border-radius:999px;
  padding:9px 22px; font-size:14px; font-weight:600; cursor:pointer;
  font-family:var(--body); transition:background 0.2s,transform 0.15s;
  box-shadow:0 4px 14px rgba(6,182,212,0.30);
}
.nav-cta:hover { background:var(--p-m); transform:translateY(-1px); }
.nav-mobile-btn { display:none; background:none; border:none; cursor:pointer; color:var(--text); font-size:24px; padding:4px; }

/* Mobile menu overlay */
.mobile-menu {
  display:none; position:fixed; inset:0; z-index:1100;
  background:var(--glass); backdrop-filter:blur(24px) saturate(200%);
  -webkit-backdrop-filter:blur(24px) saturate(200%);
  flex-direction:column; padding:88px 36px 36px; gap:4px;
}
.mobile-menu.open { display:flex; }
.mobile-menu a,.mobile-menu .m-item {
  font-size:18px; font-weight:600; color:var(--text); padding:14px 0;
  border-bottom:1px solid var(--bg4); display:block;
  background:none; border-top:none; border-left:none; border-right:none;
  cursor:pointer; font-family:var(--body); text-align:left;
}
.mobile-menu a:hover { color:var(--p); }
.mobile-close {
  position:absolute; top:20px; right:28px;
  background:none; border:none; font-size:28px; cursor:pointer; color:var(--text2);
}

/* ── HERO ── */
.hero { position:relative; height:580px; overflow:hidden; }
.slide { position:absolute; inset:0; opacity:0; transition:opacity 1s cubic-bezier(0.4,0,0.2,1); display:flex; align-items:flex-end; z-index:1; }
.slide.active { opacity:1; z-index:2; }
.slide-bg { position:absolute; inset:0; transition:transform 7s ease; }
.slide.active .slide-bg { transform:scale(1.05); }
.bg-home  { background:linear-gradient(145deg,#020B14,#0C1F2E,#0E7490); }
.bg-spark { background:linear-gradient(145deg,#020B14,#0C1F2E,#0E7490); }
.bg-rooted{ background:linear-gradient(145deg,#020B14,#071822,#0C4A58); }
.bg-thrive{ background:linear-gradient(145deg,#020B14,#0A1E2A,#0E6B82); }
.bg-lead  { background:linear-gradient(145deg,#020B14,#081828,#155E75); }
.slide-emoji { position:absolute; right:60px; top:50%; transform:translateY(-50%); font-size:220px; opacity:0.07; pointer-events:none; user-select:none; }
.slide-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(3,14,14,0.88) 0%,rgba(3,14,14,0.3) 52%,rgba(3,14,14,0) 76%); }
.slide-content { position:relative; z-index:2; padding:0 56px 52px; width:100%; max-width:720px; }

.slide-badge {
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,0.1); backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.18); border-radius:999px;
  padding:6px 18px; font-family:var(--mono); font-size:10px;
  letter-spacing:0.12em; color:#fff; margin-bottom:16px;
  opacity:0; transform:translateY(14px); transition:all 0.6s 0.2s cubic-bezier(0.4,0,0.2,1);
}
.slide.active .slide-badge { opacity:1; transform:translateY(0); }

.slide-title {
  font-family:var(--display); font-weight:800; font-size:clamp(34px,5.5vw,64px);
  line-height:1.0; color:#fff; margin-bottom:14px;
  opacity:0; transform:translateY(20px); transition:all 0.65s 0.35s cubic-bezier(0.4,0,0.2,1);
}
.slide.active .slide-title { opacity:1; transform:translateY(0); }

.slide-desc {
  font-size:15px; color:rgba(255,255,255,0.75); line-height:1.7;
  max-width:520px; margin-bottom:26px;
  opacity:0; transform:translateY(12px); transition:all 0.6s 0.5s cubic-bezier(0.4,0,0.2,1);
}
.slide.active .slide-desc { opacity:1; transform:translateY(0); }

.slide-btns {
  display:flex; gap:12px; flex-wrap:wrap;
  opacity:0; transform:translateY(10px); transition:all 0.6s 0.65s cubic-bezier(0.4,0,0.2,1);
}
.slide.active .slide-btns { opacity:1; transform:translateY(0); }

.btn-glass {
  background:rgba(255,255,255,0.16); backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.32); color:#fff; border-radius:999px;
  padding:12px 26px; font-size:14px; font-weight:600; cursor:pointer;
  font-family:var(--body); transition:background 0.2s;
}
.btn-glass:hover { background:rgba(255,255,255,0.28); }

.btn-solid-white {
  background:#fff; color:var(--p-d); border:none; border-radius:999px;
  padding:12px 26px; font-size:14px; font-weight:700; cursor:pointer;
  font-family:var(--body); box-shadow:0 4px 16px rgba(0,0,0,0.15);
  transition:transform 0.15s,box-shadow 0.15s;
}
.btn-solid-white:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.2); }

.slide-arrows { position:absolute; bottom:52px; right:56px; z-index:10; display:flex; gap:8px; }
.s-arr {
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,0.12); backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.22); color:#fff; font-size:18px;
  cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s;
}
.s-arr:hover { background:rgba(255,255,255,0.26); }

.slide-dots { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); z-index:10; display:flex; gap:8px; align-items:center; }
.s-dot { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,0.32); cursor:pointer; transition:all 0.35s; border:none; }
.s-dot.active { background:#fff; width:24px; border-radius:999px; }
.progress-bar { position:absolute; bottom:0; left:0; height:3px; background:rgba(255,255,255,0.4); z-index:10; }

/* ── TICKER ── */
.ticker { overflow:hidden; padding:11px 0; background:var(--bg2); border-bottom:1px solid var(--bg4); }
.ticker-inner { display:flex; animation:tickMove 24s linear infinite; white-space:nowrap; }
.ticker-item { font-family:var(--mono); font-size:10px; letter-spacing:0.13em; color:var(--text2); padding:0 28px; }
.ticker-sep { color:var(--p); padding:0 6px; }
@keyframes tickMove { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── STATS ── */
.stats { display:grid; grid-template-columns:repeat(3,1fr); background:var(--p); }
.stat { padding:24px 20px; text-align:center; border-right:1px solid rgba(255,255,255,0.18); }
.stat:last-child { border-right:none; }
.stat-num   { font-family:var(--display); font-size:34px; font-weight:800; color:#fff; margin-bottom:4px; }
.stat-label { font-family:var(--mono); font-size:10px; color:rgba(255,255,255,0.7); letter-spacing:0.07em; }

/* ── SECTIONS ── */
.section { padding:60px 40px; max-width:1200px; margin:0 auto; }
.section-full { padding:60px 40px; }
.section-alt-bg { background:var(--bg2); }
.eyebrow { font-family:var(--mono); font-size:10px; letter-spacing:0.18em; color:var(--p); margin-bottom:10px; }
.section-title { font-size:clamp(26px,3.5vw,42px); margin-bottom:28px; line-height:1.05; }
.section-title em { color:var(--p); font-style:normal; }

/* ── INIT CARDS — Apple Liquid ── */
.init-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.init-card {
  background:var(--bg2); border-radius:var(--r-xl); padding:32px 28px;
  border:1px solid var(--bg4); cursor:pointer;
  transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s;
  position:relative; overflow:hidden;
}
[data-theme="dark"] .init-card { border-color:rgba(255,255,255,0.06); }
.init-card::before {
  content:''; position:absolute; inset:-1px; border-radius:inherit;
  background:linear-gradient(135deg,rgba(6,182,212,0.07) 0%,transparent 60%);
  opacity:0; transition:opacity 0.3s;
}
.init-card:hover { transform:translateY(-6px); box-shadow:0 20px 48px rgba(6,182,212,0.13); }
[data-theme="dark"] .init-card:hover { box-shadow:0 20px 48px rgba(0,0,0,0.5); }
.init-card:hover::before { opacity:1; }
.init-card-corner { position:absolute; right:-24px; bottom:-24px; width:110px; height:110px; border-radius:50%; background:var(--p); opacity:0.06; }
.init-badge { display:inline-block; border-radius:999px; padding:4px 14px; font-family:var(--mono); font-size:9px; letter-spacing:0.1em; font-weight:500; margin-bottom:14px; background:var(--p-l); color:var(--p); }
.init-card h3 { font-size:19px; margin-bottom:9px; }
.init-card p  { font-size:13px; line-height:1.65; margin-bottom:18px; color:var(--text2); }
.init-link { font-size:13px; font-weight:600; color:var(--p); display:inline-flex; align-items:center; gap:5px; transition:gap 0.2s; }
.init-link:hover { gap:10px; }

/* ── NEWS ── */
.news-section { padding:0 0 56px; }
.news-header { display:flex; justify-content:space-between; align-items:flex-end; padding:56px 40px 20px; max-width:1200px; margin:0 auto; }
.news-header .section-title { margin-bottom:0; }
.see-all { font-size:14px; font-weight:600; color:var(--p); }
.carousel-outer { overflow:hidden; padding:0 40px; }
.carousel-track { display:flex; gap:16px; transition:transform 0.45s cubic-bezier(0.4,0,0.2,1); }
.news-card { flex:0 0 calc(50% - 8px); background:var(--bg2); border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--bg4); cursor:pointer; transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s; }
[data-theme="dark"] .news-card { border-color:rgba(255,255,255,0.06); }
.news-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(6,182,212,0.13); }
.news-img { height:180px; display:flex; align-items:center; justify-content:center; font-size:52px; position:relative; overflow:hidden; background:var(--p-l); }
.news-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.news-tag { position:absolute; top:12px; left:12px; border-radius:999px; padding:4px 12px; font-family:var(--mono); font-size:9px; font-weight:500; color:#fff; background:var(--p); }
.news-body { padding:20px 22px; }
.news-card h4 { font-size:15px; margin-bottom:8px; line-height:1.3; }
.news-card p  { font-size:12px; line-height:1.6; margin-bottom:12px; color:var(--text2); }
.news-meta { display:flex; justify-content:space-between; align-items:center; }
.news-date { font-family:var(--mono); font-size:10px; color:var(--text3); }
.news-read { font-size:12px; font-weight:600; color:var(--p); }
.carousel-controls { display:flex; justify-content:center; align-items:center; gap:16px; padding-top:22px; }
.c-arr { width:40px; height:40px; border-radius:50%; background:var(--bg2); border:1px solid var(--bg4); color:var(--text); font-size:17px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }
[data-theme="dark"] .c-arr { border-color:rgba(255,255,255,0.08); }
.c-arr:hover { background:var(--p); border-color:var(--p); color:#fff; }
.c-arr:disabled { opacity:0.3; cursor:default; pointer-events:none; }
.c-dots { display:flex; gap:8px; align-items:center; }
.c-dot { width:7px; height:7px; border-radius:50%; background:var(--bg4); cursor:pointer; transition:all 0.3s; border:none; }
.c-dot.active { background:var(--p); width:22px; border-radius:999px; }

/* ── NEWSLETTER ── */
.newsletter { margin:0 32px 48px; background:var(--bg2); border-radius:var(--r-2xl); padding:52px 48px; border:1px solid var(--bg4); position:relative; overflow:hidden; box-shadow:0 4px 32px rgba(6,182,212,0.06); }
[data-theme="dark"] .newsletter { border-color:rgba(255,255,255,0.06); }
.nl-blob { position:absolute; right:-80px; top:-80px; width:300px; height:300px; border-radius:50%; background:var(--p-l); opacity:0.8; pointer-events:none; filter:blur(2px); }
[data-theme="dark"] .nl-blob { opacity:0.18; }
.nl-title { font-size:clamp(24px,3vw,38px); margin-bottom:10px; line-height:1.08; }
.nl-title em { color:var(--p); font-style:normal; }
.nl-sub { font-size:14px; color:var(--text2); line-height:1.7; margin-bottom:26px; max-width:440px; }
.nl-form { display:flex; max-width:460px; background:var(--bg3); border-radius:999px; border:1.5px solid var(--bg4); overflow:hidden; transition:border-color 0.2s; }
[data-theme="dark"] .nl-form { border-color:rgba(255,255,255,0.08); }
.nl-form:focus-within { border-color:var(--p); }
.nl-form input { flex:1; background:transparent; border:none; outline:none; padding:13px 20px; font-size:14px; color:var(--text); font-family:var(--body); }
.nl-form input::placeholder { color:var(--text3); }
.nl-form button { background:var(--p); color:#fff; border:none; cursor:pointer; padding:10px 24px; border-radius:999px; margin:4px; font-size:13px; font-weight:700; font-family:var(--body); white-space:nowrap; transition:background 0.2s; }
.nl-form button:hover { background:var(--p-m); }
.nl-note { font-size:11px; color:var(--text3); margin-top:10px; }
.nl-perks { display:flex; gap:22px; margin-top:18px; flex-wrap:wrap; }
.nl-perk { display:flex; align-items:center; gap:7px; }
.nl-perk-dot { width:6px; height:6px; border-radius:50%; background:var(--p); }
.nl-perk span { font-size:12px; color:var(--text2); }
.nl-success { display:none; align-items:center; gap:12px; background:var(--p-l); border-radius:var(--r); padding:14px 18px; margin-top:14px; max-width:460px; }
.nl-success.show { display:flex; }
.nl-success p { font-size:14px; font-weight:600; color:var(--text); }

/* ── FOOTER ── */
.footer-wrap { border-top:1px solid var(--bg4); }
.footer { padding:52px 40px 28px; max-width:1200px; margin:0 auto; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:24px; margin-bottom:36px; }
.footer-logo { font-family:var(--display); font-size:20px; font-weight:800; color:var(--text); margin-bottom:4px; }
.footer-logo em { color:var(--p); font-style:normal; }
.footer-found { font-family:var(--mono); font-size:9px; letter-spacing:0.13em; color:var(--p); margin-bottom:12px; }
.footer-desc { font-size:13px; line-height:1.65; max-width:200px; color:var(--text2); }
.footer-col h5 { font-family:var(--mono); font-size:9px; letter-spacing:0.13em; color:var(--text3); margin-bottom:14px; }
.footer-col a { display:block; font-size:13px; color:var(--text2); margin-bottom:9px; transition:color 0.2s; }
.footer-col a:hover { color:var(--p); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:24px; border-top:1px solid var(--bg4); flex-wrap:wrap; gap:8px; }
.footer-bottom p { font-family:var(--mono); font-size:10px; color:var(--text3); }
.footer-ein { color:var(--p); }

/* ── PAGE HERO ── */
.page-hero { padding:80px 40px 60px; background:var(--bg2); text-align:center; border-bottom:1px solid var(--bg4); }
.page-hero-badge { display:inline-block; border-radius:999px; padding:5px 18px; font-family:var(--mono); font-size:10px; letter-spacing:0.12em; margin-bottom:18px; background:var(--p-l); color:var(--p); }
.page-hero h1 { font-size:clamp(36px,5vw,60px); margin-bottom:16px; }
.page-hero p { font-size:16px; max-width:560px; margin:0 auto; line-height:1.7; color:var(--text2); }

/* ── BLOG GRID ── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:32px; }
.blog-card { background:var(--bg2); border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--bg4); cursor:pointer; transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s; }
[data-theme="dark"] .blog-card { border-color:rgba(255,255,255,0.06); }
.blog-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(6,182,212,0.13); }
.blog-card-img { height:180px; display:flex; align-items:center; justify-content:center; font-size:48px; position:relative; background:var(--p-l); overflow:hidden; }
.blog-card-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.blog-card-body { padding:20px; }
.blog-card h3 { font-size:16px; margin-bottom:8px; line-height:1.3; }
.blog-card p { font-size:12px; line-height:1.6; margin-bottom:14px; color:var(--text2); }
.blog-card-footer { display:flex; justify-content:space-between; align-items:center; }
.blog-read { font-size:12px; font-weight:600; color:var(--p); }
.blog-date-small { font-family:var(--mono); font-size:10px; color:var(--text3); }

/* ── FORMS ── */
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-size:12px; font-weight:600; color:var(--text); margin-bottom:7px; font-family:var(--mono); letter-spacing:0.06em; }
.form-group input,.form-group textarea,.form-group select { width:100%; padding:13px 18px; background:var(--bg3); border:1.5px solid var(--bg4); border-radius:var(--r); font-size:14px; color:var(--text); font-family:var(--body); outline:none; transition:border-color 0.2s; }
[data-theme="dark"] .form-group input,[data-theme="dark"] .form-group textarea,[data-theme="dark"] .form-group select { border-color:rgba(255,255,255,0.08); }
.form-group input:focus,.form-group textarea:focus { border-color:var(--p); }
.form-group textarea { resize:vertical; min-height:130px; }
.btn-primary { background:var(--p); color:#fff; border:none; border-radius:999px; padding:14px 32px; font-size:15px; font-weight:700; cursor:pointer; font-family:var(--body); transition:background 0.2s,transform 0.15s; box-shadow:0 4px 16px rgba(6,182,212,0.30); }
.btn-primary:hover { background:var(--p-m); transform:translateY(-1px); }

/* ── DONATE ── */
.donate-amounts { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.amount-btn { padding:11px 22px; border-radius:999px; border:2px solid var(--bg4); background:transparent; font-size:16px; font-weight:700; font-family:var(--display); cursor:pointer; color:var(--text); transition:all 0.2s; }
[data-theme="dark"] .amount-btn { border-color:rgba(255,255,255,0.12); }
.amount-btn.selected,.amount-btn:hover { background:var(--p); border-color:var(--p); color:#fff; }
.paypal-btn { display:inline-flex; align-items:center; gap:10px; background:#0070ba; color:#fff; border:none; border-radius:999px; padding:14px 32px; font-size:15px; font-weight:700; cursor:pointer; font-family:var(--body); box-shadow:0 4px 16px rgba(0,112,186,0.32); transition:background 0.2s,transform 0.15s; }
.paypal-btn:hover { background:#005ea6; transform:translateY(-1px); }

/* ── IMPACT ── */
.impact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.impact-card { background:var(--bg2); border-radius:var(--r-lg); padding:28px 20px; text-align:center; border:1px solid var(--bg4); }
[data-theme="dark"] .impact-card { border-color:rgba(255,255,255,0.06); }
.impact-num { font-family:var(--display); font-size:36px; font-weight:800; color:var(--p); margin-bottom:6px; }
.impact-label { font-size:13px; color:var(--text2); }

/* ── ADMIN ── */
.admin-wrap { min-height:100vh; background:var(--bg); padding:40px; }
.admin-card { background:var(--bg2); border-radius:var(--r-xl); padding:36px; border:1px solid var(--bg4); box-shadow:var(--shadow); max-width:720px; margin:0 auto; }
.admin-card h2 { font-size:24px; margin-bottom:4px; }
.admin-card > p { font-size:13px; color:var(--text2); margin-bottom:28px; }
.img-upload-area { width:100%; height:180px; border-radius:var(--r-lg); border:2px dashed var(--bg4); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; font-size:13px; color:var(--text3); cursor:pointer; overflow:hidden; background:var(--bg3); transition:border-color 0.2s; position:relative; }
.img-upload-area:hover { border-color:var(--p); color:var(--p); }
.img-upload-area img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.img-upload-area input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }
.post-list { margin-top:32px; }
.post-item { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--bg3); border-radius:var(--r); margin-bottom:10px; border:1px solid var(--bg4); gap:12px; }
[data-theme="dark"] .post-item { border-color:rgba(255,255,255,0.06); }
.post-item-info { flex:1; }
.post-item-info h4 { font-size:14px; margin-bottom:3px; }
.post-item-info p { font-size:11px; color:var(--text3); font-family:var(--mono); }
.del-btn { background:transparent; border:1px solid rgba(204,42,42,0.3); color:#CC2A2A; border-radius:999px; padding:5px 14px; font-size:11px; cursor:pointer; font-family:var(--mono); letter-spacing:0.06em; transition:all 0.2s; white-space:nowrap; }
.del-btn:hover { background:#CC2A2A; color:#fff; border-color:#CC2A2A; }
.cat-select { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.cat-opt { border-radius:999px; padding:6px 16px; font-family:var(--mono); font-size:10px; letter-spacing:0.1em; border:1.5px solid var(--bg4); background:transparent; cursor:pointer; color:var(--text2); transition:all 0.2s; }
.cat-opt.sel { background:var(--p); border-color:var(--p); color:#fff; }
.success-toast { display:none; background:var(--p-l); color:var(--p); border-radius:var(--r); padding:12px 20px; margin-top:12px; font-size:14px; font-weight:600; }
.success-toast.show { display:block; }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .nav-links,.nav-right{display:none;}
  .nav-mobile-btn{display:block;}
  .hero{height:500px;}
  .slide-content{padding:0 28px 36px;}
  .slide-emoji{display:none;}
  .section{padding:44px 20px;}
  .section-full{padding:44px 20px;}
  .init-grid{grid-template-columns:1fr;}
  .news-card{flex:0 0 calc(86% - 8px);}
  .carousel-outer{padding:0 20px;}
  .news-header{padding:44px 20px 18px;}
  .blog-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer{padding:36px 20px 24px;}
  .newsletter{margin:0 16px 32px;padding:36px 24px;}
  .impact-grid{grid-template-columns:repeat(2,1fr);}
  .admin-wrap{padding:20px;}
}
@media(max-width:600px){
  .stats{grid-template-columns:1fr;}
  .stat{border-right:none;border-bottom:1px solid rgba(255,255,255,0.15);}
  .footer-grid{grid-template-columns:1fr;}
}

/* ── LANG BUTTON ── */
.lang-btn {
  background: var(--p-l); color: var(--p);
  border: 1.5px solid var(--p); border-radius: 999px;
  padding: 5px 13px; font-size: 11px; font-weight: 700;
  cursor: pointer; font-family: var(--mono); letter-spacing: 0.08em;
  transition: all 0.2s;
}
.lang-btn:hover { background: var(--p); color: #fff; }
.nav-theme-inline { background:var(--p-l); color:var(--p); border:1.5px solid var(--p); border-radius:999px; padding:5px 13px; font-size:11px; font-weight:700; cursor:pointer; font-family:var(--mono); letter-spacing:0.08em; transition:all 0.2s; }
.nav-theme-inline:hover { background:var(--p); color:#fff; }