@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,300;1,9..144,600;1,9..144,700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --r:#C41E2A; --r2:#A01520; --o:#E85D25; --gold:#F5A623;
  --dark:#0F0907; --dark2:#1C0E09; --dark3:#2C1810;
  --cream:#FEF9F5; --warm:#F9F0E8; --bone:#F0E4D8; --mist:#E8D8CC;
  --tx:#2A160C; --mu:#8C6A58; --bd:#E0CEBF;
  --wh:#FFFFFF;
  --gr:linear-gradient(135deg,var(--r),var(--o));
  --grg:linear-gradient(135deg,var(--dark2),var(--dark3));
  --sh:0 4px 32px rgba(180,40,20,.12);
  --shd:0 12px 52px rgba(180,40,20,.18);
  --shl:0 24px 80px rgba(180,40,20,.22);
  --rad:18px; --rad2:28px; --rads:10px;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;color:var(--tx);background:var(--wh);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:'Fraunces',serif;line-height:1.13}
h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:700}
h2{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:700}
h3{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600}
h4{font-size:1rem;font-weight:700}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:'DM Sans',sans-serif;cursor:pointer}

/* ── LAYOUT ── */
.container{max-width:1200px;margin:0 auto;padding:0 28px}
.section{padding:110px 0}
.section-md{padding:80px 0}
.section-sm{padding:56px 0}

/* ── EYEBROW ── */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--r);margin-bottom:16px}
.eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--r);border-radius:2px}
.ew{color:rgba(255,255,255,.6)}.ew::before{background:rgba(255,255,255,.4)}

/* ── SECTION HEADING ── */
.sh{color:var(--dark);margin-bottom:16px}
.ss{font-size:.97rem;color:var(--mu);line-height:1.8;max-width:540px}
.tc{text-align:center}.tc .ss{margin:0 auto}
.sh em{font-style:italic;color:var(--r)}

/* ── PATTERN BG ── */
.pat{background-image:radial-gradient(circle,rgba(180,40,20,.06) 1px,transparent 1px);background-size:26px 26px}
.pat2{background-image:linear-gradient(rgba(180,40,20,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(180,40,20,.04) 1px,transparent 1px);background-size:32px 32px}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:100px;font-weight:700;font-size:.87rem;letter-spacing:.03em;transition:all .25s;border:none;line-height:1;white-space:nowrap}
.btn-lg{padding:17px 40px;font-size:.95rem}
.btn-sm{padding:10px 22px;font-size:.8rem}
.btn-r{background:var(--r);color:#fff;box-shadow:0 6px 22px rgba(196,30,42,.3)}
.btn-r:hover{background:var(--r2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,30,42,.4)}
.btn-gr{background:var(--gr);color:#fff;box-shadow:0 6px 22px rgba(196,30,42,.3)}
.btn-gr:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,30,42,.42)}
.btn-ow{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45)}
.btn-ow:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-wh{background:#fff;color:var(--r)}
.btn-wh:hover{background:var(--bone);transform:translateY(-2px)}
.btn-gh{background:transparent;color:var(--tx);border:2px solid var(--bd)}
.btn-gh:hover{border-color:var(--r);color:var(--r)}
.btn-rw{background:transparent;color:var(--r);border:2px solid var(--r)}
.btn-rw:hover{background:var(--r);color:#fff}

/* ── NAV ── */
#hdr{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .35s,box-shadow .35s,padding .3s}
#hdr.sc{background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--bd),0 4px 28px rgba(0,0,0,.07)}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 0;transition:padding .3s}
#hdr.sc .hdr-inner{padding:14px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{width:44px;height:44px;border-radius:13px;background:var(--gr);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(196,30,42,.38)}
.logo-mark svg{width:23px;height:23px;fill:#fff}
.logo-text strong{display:block;font-family:'Fraunces',serif;font-size:1.15rem;font-weight:700;color:var(--dark);transition:color .3s}
.logo-text span{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
#hdr:not(.sc) .logo-text strong{color:#fff}
#hdr:not(.sc) .logo-text span{color:rgba(255,255,255,.55)}
#nav{display:flex;align-items:center;gap:2px}
.nl{padding:9px 16px;border-radius:100px;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.82);transition:all .2s}
#hdr.sc .nl{color:var(--tx)}
.nl:hover,.nl.on{color:var(--r)!important;background:rgba(196,30,42,.07)}
.nd{margin-left:10px;padding:11px 24px;border-radius:100px;background:var(--r);color:#fff!important;font-weight:700;font-size:.85rem;box-shadow:0 4px 14px rgba(196,30,42,.35);transition:all .25s}
.nd:hover{background:var(--r2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(196,30,42,.45)}
.nd.on{background:var(--r2)}
#hbg{display:none;background:none;border:none;padding:6px;flex-direction:column;gap:5px}
#hbg span{display:block;width:26px;height:2px;border-radius:2px;background:#fff;transition:background .3s}
#hdr.sc #hbg span{background:var(--dark)}
#mob{display:none;position:fixed;inset:0;z-index:999;background:var(--dark2);flex-direction:column;align-items:center;justify-content:center;gap:6px}
#mob.on{display:flex}
.ml{font-family:'Fraunces',serif;font-size:2.4rem;font-weight:700;color:rgba(255,255,255,.65);padding:6px;transition:color .2s}
.ml:hover,.ml.mon{color:var(--r)}
#mclose{position:absolute;top:22px;right:26px;background:rgba(255,255,255,.07);border:none;color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center}
#mclose:hover{background:var(--r)}

/* ── PAGE HERO (inner pages) ── */
.ph{background:linear-gradient(155deg,var(--dark2) 0%,#350E0A 50%,#1A0D20 100%);padding:155px 0 90px;position:relative;overflow:hidden}
.ph-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.ph-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(196,30,42,.24) 0%,transparent 70%);top:-15%;right:-8%;border-radius:50%;pointer-events:none}
.ph-glow2{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(232,93,37,.15) 0%,transparent 70%);bottom:-10%;left:5%;border-radius:50%;pointer-events:none}
.bc{display:flex;align-items:center;gap:8px;font-size:.79rem;color:rgba(255,255,255,.45);margin-bottom:18px}
.bc a{color:rgba(255,255,255,.45);transition:color .2s}.bc a:hover{color:var(--r)}
.bc i{font-size:.6rem}
.bc span{color:rgba(255,255,255,.8)}
.ph h1{color:#fff}
.ph h1 em{font-style:italic;color:var(--gold)}
.ph-sub{font-size:1rem;color:rgba(255,255,255,.62);line-height:1.8;max-width:560px;margin-top:14px}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
.rv.vi{opacity:1;transform:translate(0,0)!important}
.rl{transform:translateX(-36px) translateY(0)}.rr{transform:translateX(36px) translateY(0)}.ru{transform:translateY(44px)}
.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}
.d3{transition-delay:.3s!important}.d4{transition-delay:.4s!important}.d5{transition-delay:.5s!important}

/* ── CAUSE CARD ── */
.ccard{background:var(--wh);border-radius:var(--rad2);overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:all .35s;border:1px solid var(--bd)}
.ccard:hover{transform:translateY(-8px);box-shadow:var(--shd)}
.cthumb{height:220px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}
.cthumb-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease}
.ccard:hover .cthumb-bg{transform:scale(1.05)}
.cthumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.1) 60%)}
.cthumb-content{position:relative;z-index:2;padding:20px}
.ctag{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:100px}
.cbody{padding:26px}
.cpillar{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--r);margin-bottom:7px}
.cbody h3{font-size:1.18rem;margin-bottom:9px;line-height:1.25}
.cbody p{font-size:.86rem;color:var(--mu);line-height:1.75;margin-bottom:18px}
.cprog{margin-bottom:12px}
.cbar{height:8px;background:var(--bone);border-radius:100px;overflow:hidden}
.cbarfill{height:100%;border-radius:100px;background:var(--gr);width:0;transition:width 1.3s cubic-bezier(.25,.46,.45,.94)}
.cmeta{display:flex;justify-content:space-between;font-size:.81rem;margin-bottom:18px}
.craised{color:var(--r);font-weight:700}
.cgoal{color:var(--mu)}
.cfoot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--bd)}
.clink{font-size:.83rem;font-weight:700;color:var(--r);display:flex;align-items:center;gap:6px;transition:gap .2s}
.clink:hover{gap:10px}
.cpct{background:rgba(196,30,42,.08);color:var(--r);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:100px}

/* ── STAT CARD ── */
.stcard{padding:40px 28px;text-align:center;position:relative}
.stcard strong{display:block;font-family:'Fraunces',serif;font-size:3.6rem;font-weight:700;line-height:1;margin-bottom:8px}
.stcard span{font-size:.84rem;line-height:1.5}
.stcard.dk strong{color:#fff}.stcard.dk span{color:rgba(255,255,255,.55)}
.stcard.lt strong{color:var(--dark)}.stcard.lt span{color:var(--mu)}

/* ── TESTI ── */
.tcard{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);padding:36px;position:relative;overflow:hidden;transition:all .3s}
.tcard:hover{box-shadow:var(--sh);transform:translateY(-4px)}
.tcard::before{content:'\201C';font-family:'Fraunces',serif;font-size:9rem;font-weight:700;color:var(--r);opacity:.08;position:absolute;top:-28px;left:20px;line-height:1;pointer-events:none}
.ttxt{font-size:.9rem;color:var(--mu);line-height:1.82;margin-bottom:24px;position:relative;z-index:1}
.tauth{display:flex;align-items:center;gap:14px}
.tav{width:48px;height:48px;border-radius:50%;background:var(--gr);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tname{font-size:.9rem;font-weight:700}
.trole{font-size:.78rem;color:var(--mu)}
.tstars{display:flex;gap:3px;margin-bottom:12px}
.tstars i{color:var(--gold);font-size:.8rem}

/* ── TRANS CARD ── */
.trcard{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);padding:34px 28px;position:relative;overflow:hidden;transition:all .32s}
.trcard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--gr);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.trcard:hover{transform:translateY(-7px);box-shadow:var(--shd)}.trcard:hover::after{transform:scaleX(1)}
.trico{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:22px}
.trcard h3{font-size:1.15rem;margin-bottom:10px}
.trcard p{font-size:.86rem;color:var(--mu);line-height:1.72}

/* ── FORM ── */
.fg{margin-bottom:20px}
.fl{display:block;font-size:.77rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx);margin-bottom:8px}
.fi{width:100%;padding:14px 18px;border:2px solid var(--bd);border-radius:var(--rads);font-family:'DM Sans',sans-serif;font-size:.93rem;color:var(--tx);background:var(--wh);outline:none;transition:border-color .2s,box-shadow .2s}
.fi:focus{border-color:var(--r);box-shadow:0 0 0 4px rgba(196,30,42,.08)}
textarea.fi{resize:vertical;min-height:130px}
select.fi{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238C6A58' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ── FOOTER ── */
.ft{background:var(--dark)}
.ft-top{padding:80px 0 52px}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:52px}
.ft-about p{font-size:.86rem;line-height:1.8;color:rgba(255,255,255,.5);margin:18px 0 22px}
.ft-soc{display:flex;gap:9px}
.ft-soc a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:all .2s}
.ft-soc a:hover{background:var(--r);color:#fff;transform:translateY(-2px)}
.ft-col h5{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft-links a{font-size:.86rem;color:rgba(255,255,255,.5);transition:color .2s}
.ft-links a:hover{color:var(--r)}
.ft-ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.ft-ci i{color:var(--r);margin-top:3px;flex-shrink:0;font-size:.88rem}
.ft-ci span{font-size:.86rem;color:rgba(255,255,255,.5);line-height:1.55}
.ft-bot{border-top:1px solid rgba(255,255,255,.07);padding:22px 0;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:10px}
.ft-blinks{display:flex;gap:18px}
.ft-blinks a{color:rgba(255,255,255,.4);transition:color .2s}
.ft-blinks a:hover{color:var(--r)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .ft-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:768px){
  #nav{display:none!important}
  #hbg{display:flex!important}
  .ft-grid{grid-template-columns:1fr;gap:28px}
  .fr2{grid-template-columns:1fr}
  .section{padding:72px 0}
  .section-md{padding:56px 0}
  .section-sm{padding:40px 0}
  .ph{padding:120px 0 60px}
  .ph-sub{font-size:.92rem}
  .stcard strong{font-size:2.6rem}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .ft-bot{flex-direction:column;text-align:center}
  .ph{padding:100px 0 40px}
  h1{font-size:clamp(1.8rem,7vw,2.6rem)}
  h2{font-size:clamp(1.5rem,5vw,2.2rem)}
  .btn{padding:12px 22px;font-size:.82rem}
  .btn-lg{padding:14px 28px;font-size:.88rem}
  .eyebrow{font-size:.65rem}
  .ph-sub{font-size:.86rem;line-height:1.7}
  .ml{font-size:1.8rem}
}

/* ═══════════════════════════════════════════════════════════
   IMPROVED FOOTER
═══════════════════════════════════════════════════════════ */

/* ── BACK TO TOP BUTTON ── */
#back-top {
  position: fixed; bottom: 28px; right: 28px; z-index: 900;
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--r); color: #fff; border: none;
  display: flex; align-items: center; justify-content: center;
  font-size: .95rem; cursor: pointer;
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: all .3s; box-shadow: 0 4px 18px rgba(196,30,42,.4);
}
#back-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
#back-top:hover { background: var(--r2); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(196,30,42,.5); }

/* ── WAVE SVG SEPARATOR ── */
.ft-wave { display: block; line-height: 0; background: var(--bone); }
.ft-wave svg { display: block; width: 100%; height: 56px; }

/* ── NEWSLETTER STRIP ── */
.ft-nl {
  background: var(--dark);
  padding: 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.ft-nl-inner {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; align-items: center;
  padding: 44px 0;
}
.ft-nl-copy {
  display: flex; align-items: flex-start; gap: 18px;
}
.ft-nl-icon {
  width: 52px; height: 52px; border-radius: 14px;
  background: rgba(196,30,42,.15); border: 1px solid rgba(196,30,42,.3);
  color: var(--r); font-size: 1.2rem;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.ft-nl-copy h4 {
  font-family: 'Fraunces', serif; font-size: 1.3rem;
  font-weight: 600; color: #fff; margin-bottom: 6px;
}
.ft-nl-copy p { font-size: .84rem; color: rgba(255,255,255,.5); line-height: 1.7; }
.ft-nl-form { display: flex; gap: 10px; }
.ft-nl-form input {
  flex: 1; padding: 14px 18px;
  background: rgba(255,255,255,.07); border: 1.5px solid rgba(255,255,255,.12);
  border-radius: 100px; color: #fff; font-family: 'DM Sans', sans-serif;
  font-size: .9rem; outline: none; transition: border-color .2s;
}
.ft-nl-form input::placeholder { color: rgba(255,255,255,.35); }
.ft-nl-form input:focus { border-color: var(--r); }
.ft-nl-form button {
  padding: 14px 26px; background: var(--r); color: #fff; border: none;
  border-radius: 100px; font-family: 'DM Sans', sans-serif;
  font-weight: 700; font-size: .85rem; cursor: pointer;
  transition: background .2s; white-space: nowrap; display: flex;
  align-items: center; gap: 7px;
}
.ft-nl-form button:hover { background: var(--r2); }

/* ── MAIN FOOTER BODY ── */
.ft-body { background: var(--dark); padding: 64px 0 48px; }
.ft-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
  gap: 40px;
}

/* Brand column */
.ft-logo {
  display: flex; align-items: center; gap: 12px;
  text-decoration: none; margin-bottom: 18px;
}
.ft-logo-mark {
  width: 44px; height: 44px; border-radius: 13px;
  background: var(--gr); display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-shadow: 0 4px 14px rgba(196,30,42,.35);
}
.ft-logo-mark svg { width: 22px; height: 22px; fill: #fff; }
.ft-logo strong { display: block; font-family: 'Fraunces', serif; font-size: 1.15rem; font-weight: 700; color: #fff; }
.ft-logo span { font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.ft-mission {
  font-size: .84rem; color: rgba(255,255,255,.45); line-height: 1.78;
  font-style: italic; margin-bottom: 20px;
  border-left: 2px solid rgba(196,30,42,.4);
  padding-left: 14px;
}
.ft-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; }
.ft-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09);
  border-radius: 100px; padding: 5px 12px;
  font-size: .72rem; font-weight: 600; color: rgba(255,255,255,.6);
}
.ft-badge i { color: var(--gold); font-size: .7rem; }
.ft-social { display: flex; gap: 9px; }
.ft-social a {
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255,255,255,.07); color: rgba(255,255,255,.5);
  display: flex; align-items: center; justify-content: center;
  font-size: .82rem; transition: all .22s; border: 1px solid rgba(255,255,255,.08);
}
.ft-social a:hover { background: var(--r); color: #fff; transform: translateY(-3px); border-color: var(--r); }

/* Link columns */
.ft-col h5 {
  font-family: 'DM Sans', sans-serif; font-size: .74rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: #fff;
  margin-bottom: 20px; display: flex; align-items: center; gap: 8px;
}
.ft-col h5 i { color: var(--r); font-size: .75rem; }
.ft-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.ft-col ul li a {
  font-size: .85rem; color: rgba(255,255,255,.48);
  transition: all .2s; display: flex; align-items: center; gap: 7px;
}
.ft-col ul li a i { font-size: .65rem; color: rgba(255,255,255,.22); transition: color .2s; }
.ft-col ul li a:hover { color: #fff; padding-left: 4px; }
.ft-col ul li a:hover i { color: var(--r); }
.ft-cta-btn {
  display: inline-flex; align-items: center; gap: 7px; margin-top: 20px;
  padding: 11px 22px; background: var(--r); color: #fff; border-radius: 100px;
  font-size: .82rem; font-weight: 700; transition: all .25s;
  box-shadow: 0 4px 14px rgba(196,30,42,.3);
}
.ft-cta-btn:hover { background: var(--r2); transform: translateY(-2px); }

/* Contact column */
.ft-contact-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
.ft-ci { display: flex; gap: 12px; align-items: flex-start; }
.ft-ci-icon {
  width: 36px; height: 36px; border-radius: 10px;
  background: rgba(255,255,255,.07); display: flex; align-items: center;
  justify-content: center; color: var(--gold); font-size: .82rem; flex-shrink: 0;
}
.ft-ci > div span { display: block; font-size: .68rem; color: rgba(255,255,255,.32); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 2px; }
.ft-ci > div strong { font-size: .84rem; color: rgba(255,255,255,.72); font-weight: 600; }
.ft-ci > div a { font-size: .84rem; color: rgba(255,255,255,.72); transition: color .2s; }
.ft-ci > div a:hover { color: var(--r); }

/* Payment row */
.ft-pay-row { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07); }
.ft-pay-lbl { font-size: .68rem; color: rgba(255,255,255,.3); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; display: block; margin-bottom: 10px; }
.ft-pay-badges { display: flex; gap: 7px; flex-wrap: wrap; }
.ft-pay-badges span {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);
  border-radius: 6px; padding: 5px 10px; font-size: .78rem;
  color: rgba(255,255,255,.6); display: flex; align-items: center; gap: 5px;
}
.ft-pay-badges span i { font-size: .85rem; }

/* ── BOTTOM BAR ── */
.ft-bottom {
  background: rgba(0,0,0,.35);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 20px 0;
}
.ft-bottom-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.ft-bottom-inner p { font-size: .79rem; color: rgba(255,255,255,.36); }
.ft-bottom-links { display: flex; gap: 18px; }
.ft-bottom-links a { font-size: .79rem; color: rgba(255,255,255,.36); transition: color .2s; }
.ft-bottom-links a:hover { color: var(--r); }
.ft-credit { font-size: .76rem; color: rgba(255,255,255,.28); }

/* ── RESPONSIVE FOOTER ── */
@media (max-width: 1200px) {
  .ft-grid { grid-template-columns: 1.8fr 1fr 1fr; gap: 36px; }
  .ft-grid .ft-brand { grid-column: 1 / -1; }
  .ft-nl-inner { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 768px) {
  .ft-grid { grid-template-columns: 1fr 1fr; }
  .ft-bottom-inner { flex-direction: column; text-align: center; }
  .ft-credit { display: none; }
  .ft-body { padding: 48px 0 36px; }
  .ft-nl-copy h4 { font-size: 1.1rem; }
  .ft-wave svg { height: 36px; }
}
@media (max-width: 480px) {
  .ft-grid { grid-template-columns: 1fr; }
  .ft-nl-form { flex-direction: column; }
  #back-top { bottom: 16px; right: 16px; width: 42px; height: 42px; font-size: .85rem; }
  .ft-nl-inner { padding: 30px 0; }
  .ft-nl-icon { width: 42px; height: 42px; font-size: 1rem; }
  .ft-nl-form input { padding: 12px 16px; }
  .ft-nl-form button { padding: 12px 20px; width: 100%; justify-content: center; }
  .ft-bottom { padding: 16px 0; }
  .ft-bottom-links { gap: 14px; }
  .ft-pay-badges { gap: 5px; }
  .ft-pay-badges span { font-size: .72rem; padding: 4px 8px; }
}


/* ═══════════════════════════════════════════════════════
   PAGE-SPECIFIC STYLES (About, Causes, Contact, Donate)
═══════════════════════════════════════════════════════ */

/* --- ABOUT PAGE --- */
.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.mv{border-radius:var(--rad2);overflow:hidden;height:500px;background:var(--grg);position:relative;display:flex;align-items:center;justify-content:center}
.mv::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}
.mv-q{position:relative;z-index:2;padding:52px;text-align:center}
.mv-q .ql{font-family:'Fraunces',serif;font-size:7rem;color:rgba(255,255,255,.1);line-height:.7;display:block;margin-bottom:20px}
.mv-q p{font-family:'Fraunces',serif;font-size:1.55rem;color:rgba(255,255,255,.8);line-height:1.5;font-style:italic}
.mv-q cite{display:block;margin-top:18px;font-size:.78rem;color:rgba(255,255,255,.45);font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.mstat{background:var(--warm);border:1px solid var(--bd);border-radius:var(--rad);padding:18px;text-align:center}
.mstat strong{display:block;font-family:'Fraunces',serif;font-size:2rem;font-weight:700;color:var(--r)}
.mstat span{font-size:.78rem;color:var(--mu)}
.pl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border-radius:var(--rad2);overflow:hidden}
.pl{background:var(--dark3);padding:40px 24px;transition:background .3s}
.pl:hover{background:rgba(196,30,42,.25)}
.pl-n{font-family:'Fraunces',serif;font-size:3.5rem;font-weight:700;color:rgba(196,30,42,.25);line-height:1;margin-bottom:12px}
.pl h4{color:#fff;font-size:.98rem;margin-bottom:10px}
.pl p{font-size:.82rem;color:rgba(255,255,255,.5);line-height:1.7}
.obj-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.obj{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);padding:26px;display:flex;gap:18px;transition:all .3s}
.obj:hover{transform:translateX(5px);box-shadow:var(--sh);border-color:rgba(196,30,42,.2)}
.obj-n{width:44px;height:44px;border-radius:13px;background:var(--r);color:#fff;font-family:'Fraunces',serif;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.obj h4{font-size:.97rem;margin-bottom:6px}
.obj p{font-size:.85rem;color:var(--mu);line-height:1.65}
.tl{position:relative;padding-left:44px}
.tl::before{content:'';position:absolute;left:13px;top:10px;bottom:10px;width:2px;background:var(--bd)}
.tn{position:relative;padding-bottom:40px}
.tn:last-child{padding-bottom:0}
.tn-dot{position:absolute;left:-44px;width:26px;height:26px;border-radius:50%;background:var(--r);border:4px solid var(--wh);box-shadow:0 0 0 2px var(--r);top:2px}
.tn-per{display:inline-block;font-size:.74rem;font-weight:700;color:var(--r);background:rgba(196,30,42,.08);padding:4px 12px;border-radius:100px;margin-bottom:8px}
.tn h3{font-size:1.2rem;margin-bottom:8px}
.tn p{font-size:.87rem;color:var(--mu);line-height:1.72}
.tn ul{margin-top:10px;padding-left:18px}
.tn li{font-size:.86rem;color:var(--mu);margin-bottom:5px;line-height:1.55}
.sus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.suc{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);padding:32px;transition:all .3s}
.suc:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.suc-icon{font-size:2.2rem;margin-bottom:16px}
.suc h4{font-size:1rem;margin-bottom:8px}
.suc p{font-size:.86rem;color:var(--mu);line-height:1.72}
@media(max-width:900px){
  .ms-grid{grid-template-columns:1fr;gap:36px}
  .pl-grid{grid-template-columns:1fr 1fr}
  .obj-grid{grid-template-columns:1fr}
  .sus-grid{grid-template-columns:1fr}
  .mv{height:360px}
}
@media(max-width:540px){
  .pl-grid{grid-template-columns:1fr}
  .mv{height:280px}
  .mv-q{padding:28px}
  .mv-q p{font-size:1.15rem}
  .mv-q .ql{font-size:4.5rem}
  .mini-stats{grid-template-columns:1fr 1fr;gap:8px}
  .mstat{padding:14px}
  .mstat strong{font-size:1.5rem}
  .pl{padding:28px 18px}
  .pl-n{font-size:2.5rem}
  .obj{padding:20px;gap:14px}
  .obj-n{width:38px;height:38px;font-size:1rem}
  .sus-grid{gap:14px}
  .suc{padding:24px}
  .tl{padding-left:36px}
  .tn-dot{left:-36px;width:22px;height:22px}
}

/* --- CAUSES PAGE --- */
.cg6{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.imp-row{background:var(--r);position:relative;overflow:hidden}
.imp-row::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px}
.imp-row-inner{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.irb{padding:44px 24px;text-align:center;background:rgba(0,0,0,.1);transition:background .3s}
.irb:hover{background:rgba(0,0,0,.22)}
.irb strong{display:block;font-family:'Fraunces',serif;font-size:3.4rem;font-weight:700;color:#fff;line-height:1;margin-bottom:8px}
.irb span{font-size:.82rem;color:rgba(255,255,255,.78)}
.ccard-full{background:var(--wh);border-radius:var(--rad2);overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:all .35s;border:1px solid var(--bd)}
.ccard-full:hover{transform:translateY(-8px);box-shadow:var(--shd)}
.cthumb-full{height:230px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.ctbg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease}
.ccard-full:hover .ctbg{transform:scale(1.06)}
/* Image fallback — shown while remote image loads */
.ctbg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--dark2),var(--dark3));z-index:-1}
.ctov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.08) 60%)}
.ctcon{position:relative;z-index:2;padding:22px;width:100%}
.ctag2{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:100px;margin-bottom:8px}
.cbody2{padding:26px}
.cpillar2{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--r);margin-bottom:7px}
.cbody2 h3{font-size:1.2rem;margin-bottom:9px;line-height:1.25}
.cbody2 p{font-size:.86rem;color:var(--mu);line-height:1.75;margin-bottom:18px}
.cstats{display:flex;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.cstat{display:flex;flex-direction:column}
.cstat strong{font-size:1.2rem;font-weight:700;color:var(--tx)}
.cstat span{font-size:.73rem;color:var(--mu)}
.cprog2{margin-bottom:12px}
.cbar2{height:10px;background:var(--bone);border-radius:100px;overflow:hidden}
.cbarfill2{height:100%;border-radius:100px;background:var(--gr);width:0;transition:width 1.3s ease}
.cprogl{display:flex;justify-content:space-between;font-size:.79rem;margin-bottom:8px}
.craised2{font-weight:700;color:var(--tx)}
.cpct2{font-weight:700;color:var(--r)}
.cftrow{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1024px){.cg6{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .cg6{grid-template-columns:1fr}
  .imp-row-inner{grid-template-columns:1fr 1fr}
  .irb{padding:28px 16px}
  .irb strong{font-size:2.2rem}
  .irb span{font-size:.74rem}
  .cthumb-full{height:180px}
  .cbody2{padding:20px}
  .cbody2 h3{font-size:1.05rem}
  .cstats{gap:10px}
  .cstat strong{font-size:1rem}
  .cftrow{flex-direction:column}
  .cftrow .btn{width:100%;justify-content:center}
}

/* --- CONTACT PAGE --- */
.cl{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start}
.cinfo{background:var(--dark2);border-radius:var(--rad2);padding:48px;position:relative;overflow:hidden}
.cinfo::before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,42,.22) 0%,transparent 70%);bottom:-20%;right:-18%;pointer-events:none}
.cinfo h2{color:#fff;font-size:2rem;margin-bottom:12px;position:relative;z-index:2}
.cinfo>p{color:rgba(255,255,255,.56);font-size:.88rem;line-height:1.8;margin-bottom:32px;position:relative;z-index:2}
.cilist{display:flex;flex-direction:column;gap:18px;position:relative;z-index:2}
.cii{display:flex;gap:15px;align-items:flex-start}
.cii-icon{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:.9rem;flex-shrink:0}
.cii-lbl{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:4px}
.cii-val{font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.55}
.csoc{display:flex;gap:9px;margin-top:32px;position:relative;z-index:2}
.csoc a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s}
.csoc a:hover{background:var(--r);color:#fff;transform:translateY(-2px)}
.cform-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);overflow:hidden;box-shadow:var(--sh)}
.cform-top{background:var(--warm);padding:28px 34px;border-bottom:1px solid var(--bd)}
.cform-top h3{font-size:1.5rem;margin-bottom:4px}
.cform-top p{font-size:.83rem;color:var(--mu)}
.cform-body{padding:32px}
.ctypes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}
.ct{padding:12px 8px;border:2px solid var(--bd);border-radius:12px;background:var(--wh);text-align:center;cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif}
.ct:hover{border-color:rgba(196,30,42,.35)}.ct.on{border-color:var(--r);background:rgba(196,30,42,.04)}
.ct .cti{font-size:1.3rem;display:block;margin-bottom:4px}
.ct .ctl{font-size:.74rem;font-weight:700;color:var(--tx)}
.csub{width:100%;padding:16px;border:none;border-radius:12px;background:var(--r);color:#fff;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:9px}
.csub:hover{background:var(--r2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(196,30,42,.38)}
.csucc{display:none;padding:52px 32px;text-align:center}
.csucc-icon{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;font-size:1.9rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px rgba(22,163,74,.2)}
.csucc h3{font-size:1.9rem;margin-bottom:10px}
.csucc p{color:var(--mu);font-size:.9rem;line-height:1.72;max-width:380px;margin:0 auto}
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.way{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);padding:30px;text-align:center;transition:all .3s}
.way:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.way-icon{width:60px;height:60px;border-radius:50%;background:var(--gr);color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.way h4{font-size:1rem;margin-bottom:8px}
.way p{font-size:.84rem;color:var(--mu);line-height:1.7;margin-bottom:16px}
.fq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fi2{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad);overflow:hidden}
.fq{padding:20px 22px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;font-size:.89rem}
.fq i{color:var(--r);transition:transform .3s;flex-shrink:0}
.fi2.fopen .fq i{transform:rotate(45deg)}
.fa2{display:none;padding:0 22px 18px;font-size:.86rem;color:var(--mu);line-height:1.75}
.fi2.fopen .fa2{display:block}
@media(max-width:1024px){.cl{grid-template-columns:1fr;gap:36px}}
@media(max-width:640px){
  .ways{grid-template-columns:1fr}
  .fq-grid{grid-template-columns:1fr}
  .ctypes{grid-template-columns:1fr 1fr}
  .cform-body{padding:22px}
  .cinfo{padding:30px}
  .cinfo h2{font-size:1.5rem}
  .cii-icon{width:38px;height:38px}
  .csoc{gap:7px}
  .cform-top{padding:20px 22px}
  .cform-top h3{font-size:1.2rem}
  .way{padding:24px}
  .way-icon{width:50px;height:50px;font-size:1.1rem}
  .fq{padding:16px 18px;font-size:.84rem}
}
@media(max-width:380px){
  .ctypes{grid-template-columns:1fr 1fr}
  .ct .cti{font-size:1.1rem}
  .ct .ctl{font-size:.68rem}
}

/* --- DONATE PAGE --- */
.dl{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:start}
/* Info card */
.dic{background:var(--dark2);border-radius:var(--rad2);padding:48px;position:sticky;top:110px;overflow:hidden}
.dic::before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,42,.22) 0%,transparent 70%);top:-18%;right:-22%;pointer-events:none}
.dic h2{color:#fff;font-size:2rem;margin-bottom:12px;position:relative;z-index:2;line-height:1.2}
.dic>p{color:rgba(255,255,255,.55);font-size:.87rem;line-height:1.82;margin-bottom:26px;position:relative;z-index:2}
.pmethods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;position:relative;z-index:2}
.pmb{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 13px;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.72)}
.pmb i{color:var(--gold)}
.trl{list-style:none;display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
.trl li{display:flex;gap:13px;align-items:flex-start}
.tri{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:.88rem;flex-shrink:0}
.trt strong{display:block;font-size:.87rem;color:#fff;margin-bottom:2px}
.trt span{font-size:.79rem;color:rgba(255,255,255,.45);line-height:1.5}
.impv{margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.07);position:relative;z-index:2}
.impv h5{font-family:'DM Sans',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.36);margin-bottom:12px}
.improw{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.improw:last-child{border-bottom:none}
.improw span{font-size:.8rem;color:rgba(255,255,255,.42)}
.improw strong{font-size:.84rem;color:var(--gold);font-weight:700}
/* Form card */
.dfc{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rad2);overflow:hidden;box-shadow:0 4px 40px rgba(0,0,0,.07)}
.dfh{background:var(--warm);padding:28px 34px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:16px}
.dfhi{width:46px;height:46px;border-radius:13px;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
.dfh h3{font-size:1.45rem;margin-bottom:2px}
.dfh p{font-size:.82rem;color:var(--mu)}
.dfb{padding:32px}
.fs{margin-bottom:28px}
.fsl{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--mu);display:flex;align-items:center;gap:9px;margin-bottom:13px}
.fsl::after{content:'';flex:1;height:1px;background:var(--bd)}
/* Frequency */
.ftog{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--bone);border-radius:13px;padding:4px}
.fb{padding:12px;border-radius:10px;border:none;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.86rem;color:var(--mu);background:transparent;cursor:pointer;transition:all .2s}
.fb.on{background:var(--wh);color:var(--r);box-shadow:0 2px 10px rgba(0,0,0,.09)}
/* Currency */
.crow{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}
.chint{background:var(--bone);border:1px solid var(--bd);border-radius:var(--rads);padding:12px 14px;font-size:.79rem;color:var(--mu);display:flex;align-items:center;gap:7px}
.chint i{color:var(--r)}
/* Amount */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ab{padding:16px 6px;border:2px solid var(--bd);border-radius:13px;background:var(--wh);font-family:'DM Sans',sans-serif;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;color:var(--tx);text-align:center;line-height:1.1}
.ab:hover:not(.on){border-color:rgba(196,30,42,.3)}.ab.on{border-color:var(--r);background:rgba(196,30,42,.05);color:var(--r)}
.cwrap{position:relative;margin-top:10px}
.csym{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--mu);pointer-events:none;font-size:.95rem}
.cinp{padding-left:50px!important;font-weight:800!important;font-size:1rem!important}
/* Cause */
.ctiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ctl{padding:12px 8px;border:2px solid var(--bd);border-radius:11px;background:var(--wh);text-align:center;cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif}
.ctl:hover{border-color:rgba(196,30,42,.35)}.ctl.on{border-color:var(--r);background:rgba(196,30,42,.04)}
.ctl .ctli{font-size:1.3rem;display:block;margin-bottom:4px}
.ctl .ctln{font-size:.73rem;font-weight:700;color:var(--tx);line-height:1.3}
/* Config notice */
.cfgn{background:#fffbf0;border:1.5px solid #f0d468;border-radius:12px;padding:15px 18px;margin-bottom:24px;display:flex;gap:11px;align-items:flex-start}
.cfgn i{color:#c9a000;margin-top:2px;flex-shrink:0}
.cfgn p{font-size:.81rem;color:#6b4d00;line-height:1.65;margin:0}
.cfgn code{background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.79rem}
/* Pay btn */
.pbtn{width:100%;padding:17px 24px;background:var(--gr);color:#fff;border:none;border-radius:13px;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:800;cursor:pointer;transition:all .28s;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 24px rgba(196,30,42,.3)}
.pbtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(196,30,42,.42)}
.pbtn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.pbadges{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.pbadges span{font-size:.73rem;color:var(--mu);display:flex;align-items:center;gap:5px}
.pbadges span i{color:var(--r)}
.pdot{width:3px;height:3px;border-radius:50%;background:var(--bd)}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.shake{animation:shake .4s ease}
/* Success */
.suc{display:none;padding:60px 32px;text-align:center}
.suc-icon{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;box-shadow:0 8px 24px rgba(22,163,74,.2)}
.suc h3{font-size:2rem;margin-bottom:10px}
.suc p{color:var(--mu);font-size:.9rem;line-height:1.75;max-width:400px;margin:0 auto 18px}
.suc-ref{display:inline-block;background:var(--bone);border:1px solid var(--bd);border-radius:9px;padding:8px 18px;font-size:.79rem;color:var(--mu);margin-bottom:22px;font-family:monospace}
.suc-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:1060px){.dl{grid-template-columns:1fr;gap:40px}.dic{position:static}}
@media(max-width:640px){
  .agrid{grid-template-columns:repeat(3,1fr)}
  .ctiles{grid-template-columns:repeat(2,1fr)}
  .crow{grid-template-columns:1fr}
  .dfb{padding:22px}
  .dfh{padding:20px 22px}
  .dic{padding:30px}
  .dic h2{font-size:1.5rem}
  .pmethods{gap:6px}
  .pmb{padding:6px 10px;font-size:.7rem}
  .trl li{gap:10px}
  .tri{width:36px;height:36px;font-size:.82rem}
  .trt strong{font-size:.82rem}
  .trt span{font-size:.75rem}
  .improw span{font-size:.75rem}
  .improw strong{font-size:.78rem}
  .ab{padding:14px 4px;font-size:.88rem}
  .dfh h3{font-size:1.2rem}
  .pbtn{padding:15px 20px;font-size:.9rem}
  .suc{padding:40px 22px}
  .suc h3{font-size:1.5rem}
  .suc-acts{flex-direction:column}
  .suc-acts .btn{width:100%;justify-content:center}
}
@media(max-width:380px){
  .agrid{grid-template-columns:repeat(2,1fr)}
  .ctiles{grid-template-columns:1fr 1fr}
}