/* ═══════════════════════════════════════════
   PECASJAY — Página de Donaciones
   Industrial Gaming · Black Ops One + Barlow Condensed
═══════════════════════════════════════════ */

:root {
  --bg:       #080808;
  --bg2:      #0e0e0e;
  --bg3:      #141414;
  --surf:     #1c1c1c;
  --brd:      #202020;
  --red:      #cf1a1a;
  --red-b:    #e52222;
  --red-dim:  rgba(207,26,26,.12);
  --gold:     #c9a030;
  --gold-dim: rgba(201,160,48,.12);
  --cream:    #e4dfd5;
  --gray:     #656565;
  --gray2:    #3a3a3a;
  --white:    #f2ede7;
  --kick:     #53fc18;
  --paypal:   #003087;
  --kofi:     #ff5e5b;

  --fd: 'Black Ops One', cursive;
  --fb: 'Barlow Condensed', sans-serif;
  --nav-h:  64px;
  --tick-h: 34px;
  --ease:   cubic-bezier(.16,1,.3,1);
  --r:      4px;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--cream);overflow-x:hidden;cursor:none}
a{text-decoration:none;color:inherit}
ul{list-style:none}
strong{color:var(--white)}
button{font-family:var(--fb);cursor:pointer}
input,textarea{font-family:var(--fb)}

.ico-kick{width:1em;height:1em;vertical-align:-.125em;display:inline-block;fill:currentColor}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--red)}

/* ── GRAIN ── */
.grain{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;opacity:.038;mix-blend-mode:overlay;
}

/* ── CURSOR ── */
.cur-ring{
  position:fixed;top:0;left:0;width:30px;height:30px;
  border:1.5px solid var(--red);border-radius:50%;
  pointer-events:none;z-index:10000;transform:translate(-50%,-50%);
  transition:width .18s,height .18s,border-color .18s;mix-blend-mode:difference;
}
.cur-dot{
  position:fixed;top:0;left:0;width:4px;height:4px;
  background:var(--red);border-radius:50%;
  pointer-events:none;z-index:10000;transform:translate(-50%,-50%);mix-blend-mode:difference;
}
.cur-ring.big{width:46px;height:46px;border-color:var(--cream)}
@media(hover:none){body{cursor:auto}.cur-ring,.cur-dot{display:none}}

/* ── NAV ── */
.nav{
  position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:900;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;
  background:rgba(8,8,8,.96);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--brd);
}
.nav-logo{font-family:var(--fd);font-size:1.4rem;letter-spacing:2px;color:var(--cream)}
.nav-logo em{color:var(--red);font-style:normal}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-back{
  display:flex;align-items:center;gap:8px;
  font-size:.72rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--gray);
  transition:color .2s;
}
.nav-back:hover{color:var(--cream)}
.nav-page{
  font-family:var(--fd);font-size:.85rem;letter-spacing:3px;
  color:var(--red);text-transform:uppercase;
}

/* ── TICKER ── */
.ticker{
  position:fixed;top:var(--nav-h);left:0;right:0;height:var(--tick-h);z-index:899;
  background:var(--red);overflow:hidden;display:flex;align-items:center;
}
.ticker-track{
  display:flex;gap:56px;white-space:nowrap;flex-shrink:0;
  animation:tick 24s linear infinite;
}
.ticker-track span{
  font-size:.68rem;font-weight:700;letter-spacing:3px;
  color:var(--red-fg, var(--white));text-transform:uppercase;flex-shrink:0;
}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── HERO ── */
.don-hero{
  position:relative;
  padding:calc(var(--nav-h) + var(--tick-h) + 60px) 0 80px;
  overflow:hidden;background:var(--bg);
}
.hero-bg-txt{
  position:absolute;bottom:-40px;right:-40px;
  font-family:var(--fd);
  font-size:clamp(8rem,22vw,18rem);
  color:transparent;
  -webkit-text-stroke:1px rgba(207,26,26,.04);
  pointer-events:none;user-select:none;letter-spacing:-4px;
  line-height:1;
}
.scanlines{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);
}
.hero-inner{
  position:relative;z-index:2;
  max-width:860px;margin:0 auto;padding:0 40px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;
}
.hero-label{
  font-size:.7rem;font-weight:700;letter-spacing:4px;
  text-transform:uppercase;color:var(--red);
}
.hero-title{
  font-family:var(--fd);
  font-size:clamp(3rem,10vw,7rem);
  letter-spacing:4px;color:var(--cream);
  line-height:.9;
}
.hero-sub{font-size:1.05rem;color:var(--gray);max-width:480px}

/* GOAL CARD */
.goal-card{
  width:100%;max-width:640px;
  background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);padding:24px 28px;
}
.goal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.goal-label-sm{
  display:block;font-size:.62rem;font-weight:700;
  letter-spacing:3px;color:var(--gray);margin-bottom:4px;
  text-transform:uppercase;
}
.goal-name{
  font-family:var(--fd);font-size:1.3rem;
  letter-spacing:2px;color:var(--cream);
}
.goal-pct-badge{
  font-family:var(--fd);font-size:1.6rem;
  color:var(--red);letter-spacing:1px;
}
.goal-track{
  height:6px;background:var(--brd);border-radius:3px;
  overflow:hidden;margin-bottom:12px;
}
.goal-fill{
  height:100%;border-radius:3px;
  background:linear-gradient(90deg,var(--red-b),var(--red));
  width:var(--pct);
  transition:width 1.4s var(--ease);
}
.goal-amounts{display:flex;justify-content:space-between;align-items:baseline}
.goal-raised{font-size:1.1rem;font-weight:700;color:var(--white)}
.goal-raised small{font-size:.75rem;color:var(--gray);font-weight:400}
.goal-target{font-size:.8rem;color:var(--gray);letter-spacing:1px}

/* STATS STRIP */
.stats-strip{
  display:flex;align-items:center;gap:0;
  border:1px solid var(--brd);border-radius:var(--r);
  background:var(--bg3);overflow:hidden;
  width:100%;max-width:640px;
}
.stat{
  flex:1;padding:20px 24px;text-align:center;
}
.stat-val{
  display:block;
  font-family:var(--fd);font-size:1.8rem;
  letter-spacing:1px;color:var(--red);
  margin-bottom:4px;
}
.stat-lbl{
  font-size:.62rem;font-weight:700;
  letter-spacing:2px;color:var(--gray);
  text-transform:uppercase;
}
.stat-div{width:1px;background:var(--brd);align-self:stretch}

/* ── SECTIONS ── */
.section{padding:90px 0;position:relative}
.don-main{background:var(--bg2)}
.feed-sec{background:var(--bg);padding:90px 0 0;overflow:hidden}
.bottom-sec{background:var(--bg2)}

.container{max-width:1080px;margin:0 auto;padding:0 40px}
.sec-title{
  font-family:var(--fd);font-size:clamp(1.8rem,4.5vw,2.8rem);
  letter-spacing:3px;color:var(--cream);margin-bottom:12px;
}
.sec-title span{color:var(--red)}
.text-c{text-align:center}
.rule{width:56px;height:3px;background:var(--red);margin-bottom:32px}
.rule.centered{margin:0 auto 32px}
.period-label{
  font-size:.7rem;font-weight:700;letter-spacing:2px;
  color:var(--gray);text-transform:uppercase;
  display:flex;align-items:center;gap:8px;margin-bottom:24px;
}
.period-label i{color:var(--red)}

/* ── MAIN GRID ── */
.main-grid{
  display:grid;grid-template-columns:1fr 1.1fr;
  gap:60px;align-items:start;
}
.main-grid--single{
  grid-template-columns:1fr;
  max-width:680px;margin:0 auto;
}

/* ── TIERS ── */
.tier-list{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.tier{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;
  background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);
  text-align:left;position:relative;overflow:hidden;
  transition:border-color .2s,transform .2s var(--ease),background .2s;
}
.tier::before{
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:3px;background:transparent;transition:background .2s;
}
.tier:hover{border-color:rgba(207,26,26,.4);transform:translateX(4px)}
.tier:hover::before,.tier.active::before{background:var(--red)}
.tier.active{border-color:rgba(207,26,26,.5);background:rgba(207,26,26,.05)}
.tier-badge{
  position:absolute;top:10px;right:-16px;
  background:var(--red);
  font-size:.5rem;font-weight:700;letter-spacing:1px;
  color:var(--red-fg, var(--white));padding:2px 24px;
  transform:rotate(45deg);text-transform:uppercase;
}
.tier-left{display:flex;align-items:center;gap:14px}
.tier-ico{font-size:1.6rem;line-height:1}
.tier-name{
  font-family:var(--fd);font-size:1rem;letter-spacing:2px;color:var(--cream);
}
.tier-desc{font-size:.82rem;color:var(--gray);margin-top:2px}
.tier-price{
  font-family:var(--fd);font-size:1.3rem;
  letter-spacing:1px;color:var(--red);flex-shrink:0;
}

/* PERKS CARD */
.perks-card{
  background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);padding:20px 22px;
}
.perks-title{
  font-size:.7rem;font-weight:700;letter-spacing:3px;
  color:var(--gray);text-transform:uppercase;margin-bottom:14px;
}
.perks-list{display:flex;flex-direction:column;gap:10px}
.perks-list li{
  display:flex;align-items:center;gap:10px;
  font-size:.9rem;color:var(--gray);
}
.perks-list li i{color:var(--red);font-size:.75rem;flex-shrink:0}
.perk-gold{color:var(--gold) !important}
.perk-gold i{color:var(--gold) !important}

/* ── FORM ── */
.don-form{display:flex;flex-direction:column;gap:22px}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-label{
  font-size:.7rem;font-weight:700;letter-spacing:3px;
  color:var(--gray);text-transform:uppercase;
}
.form-label .opt{color:var(--gray2);font-style:italic;letter-spacing:1px}

.amount-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
}
.amt-btn{
  padding:10px 8px;background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);
  font-size:.9rem;font-weight:700;letter-spacing:1px;
  color:var(--gray);text-transform:uppercase;
  transition:border-color .2s,color .2s,background .2s;
}
.amt-btn:hover{border-color:var(--gray2);color:var(--cream)}
.amt-btn.active{border-color:var(--red);color:var(--red);background:var(--red-dim)}
.custom-btn{font-size:.78rem;letter-spacing:2px}

.custom-wrap{
  display:none;position:relative;align-items:center;
}
.custom-wrap.show{display:flex}
.currency-sign{
  position:absolute;left:14px;
  font-family:var(--fd);font-size:1.1rem;color:var(--red);
}
.custom-input{
  width:100%;padding:12px 14px 12px 34px;
  background:var(--bg3);border:1px solid var(--red);
  border-radius:var(--r);
  font-size:1.1rem;font-weight:700;color:var(--cream);
  outline:none;
  transition:box-shadow .2s;
}
.custom-input:focus{box-shadow:0 0 0 3px rgba(207,26,26,.2)}
.custom-input::placeholder{color:var(--gray2)}

.form-input,.form-textarea{
  padding:12px 16px;
  background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);
  font-size:1rem;font-weight:600;color:var(--cream);
  outline:none;transition:border-color .2s,box-shadow .2s;
}
.form-input:focus,.form-textarea:focus{
  border-color:var(--red);box-shadow:0 0 0 3px rgba(207,26,26,.15);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--gray2)}
.form-textarea{resize:none;height:80px}
.char-count{font-size:.7rem;color:var(--gray2);text-align:right;letter-spacing:1px}

/* Alert mini preview */
.alert-mini-preview{
  background:var(--bg);border:1px solid var(--brd);
  border-radius:var(--r);padding:14px 16px;
}
.amp-label{
  font-size:.62rem;font-weight:700;letter-spacing:3px;
  color:var(--gray);text-transform:uppercase;margin-bottom:10px;
}
.amp-card{
  display:flex;align-items:center;gap:14px;
  padding:12px 14px;
  background:rgba(207,26,26,.08);border:1px solid rgba(207,26,26,.25);
  border-radius:var(--r);
}
.amp-icon{
  width:36px;height:36px;border-radius:50%;
  background:var(--red);
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;color:var(--red-fg, var(--white));flex-shrink:0;
}
.amp-name{font-family:var(--fd);font-size:1rem;letter-spacing:1px;color:var(--cream)}
.amp-amount{font-size:.82rem;color:var(--red);font-weight:700;letter-spacing:1px}
.amp-msg{font-size:.82rem;color:var(--gray);font-style:italic;margin-top:2px}

/* StreamElements info */
.se-info{
  display:flex;align-items:center;gap:10px;
  background:rgba(74,144,217,.08);border:1px solid rgba(74,144,217,.25);
  border-radius:var(--r);padding:12px 16px;
  font-size:.82rem;color:var(--gray);
}
.se-info i{color:#4a90d9;font-size:1rem;flex-shrink:0}
.se-info strong{color:var(--white)}

/* ── BENEFIT RANGES ── */
.br-intro{font-size:.86rem;color:var(--gray);line-height:1.6;margin-bottom:20px}
.benefit-ranges{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.br-card{
  border:1px solid var(--brd);border-radius:var(--r);
  padding:14px 16px;background:var(--bg3);
  position:relative;overflow:hidden;
  transition:border-color .2s,transform .2s var(--ease);
}
.br-card:hover{border-color:rgba(207,26,26,.3);transform:translateX(4px)}
.br-popular{border-color:rgba(207,26,26,.35);background:rgba(207,26,26,.04)}
.br-legend{border-color:rgba(201,160,48,.3);background:rgba(201,160,48,.04)}
.br-badge{
  position:absolute;top:12px;right:-18px;
  background:var(--red);color:var(--red-fg,var(--white));
  font-size:.45rem;font-weight:700;letter-spacing:1px;
  padding:2px 22px;transform:rotate(45deg);text-transform:uppercase;
}
.br-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.br-ico{font-size:1.5rem;line-height:1}
.br-range{
  font-family:var(--fd);font-size:1rem;letter-spacing:2px;color:var(--cream);
}
.br-range em{font-style:normal;font-size:.72rem;color:var(--gray);letter-spacing:1px;margin-left:2px}
.br-perks{list-style:none;display:flex;flex-direction:column;gap:6px;padding-left:2px}
.br-perks li{
  font-size:.8rem;color:var(--gray);
  display:flex;align-items:center;gap:9px;
}
.br-perks li i.fa-check{color:var(--red);font-size:.65rem;flex-shrink:0}
.br-perks li i.fa-star{color:#c9a030;font-size:.65rem;flex-shrink:0}

/* Submit / SE button */
.submit-btn{
  padding:16px 28px;
  background:var(--red);border:none;border-radius:var(--r);
  font-size:1rem;font-weight:700;letter-spacing:2px;
  color:var(--red-fg, var(--white));text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;gap:12px;
  text-decoration:none;
  transition:background .2s,transform .2s var(--ease),box-shadow .2s;
}
.submit-btn:hover{background:var(--red-b);transform:translateY(-2px);box-shadow:0 8px 28px rgba(207,26,26,.4)}

.form-note{
  font-size:.72rem;color:var(--gray2);letter-spacing:1px;
  display:flex;align-items:center;gap:7px;justify-content:center;
}
.form-note i{color:var(--gray2)}

/* ── FEED ── */
.feed-wrap{
  overflow:hidden;width:100%;
  padding:32px 0 80px;
  -webkit-mask:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
  mask:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
}
.feed-track{
  display:flex;gap:16px;
  animation:feedScroll 30s linear infinite;
  width:max-content;
}
.feed-track:hover{animation-play-state:paused}
.feed-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 20px;flex-shrink:0;
  background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);min-width:260px;
  transition:border-color .2s;
}
.feed-item:hover{border-color:rgba(207,26,26,.4)}
.feed-avatar{
  width:36px;height:36px;border-radius:50%;
  background:var(--red);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-size:.9rem;color:var(--red-fg, var(--white));
  flex-shrink:0;
}
.feed-info{flex:1}
.feed-name{font-weight:700;font-size:.92rem;color:var(--cream);letter-spacing:.5px}
.feed-amount{font-family:var(--fd);font-size:1rem;color:var(--red);letter-spacing:1px}
.feed-msg{font-size:.78rem;color:var(--gray);margin-top:2px;font-style:italic}
.feed-time{font-size:.65rem;color:var(--gray2);letter-spacing:1px;flex-shrink:0}
@keyframes feedScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* ── BOTTOM GRID ── */
.bottom-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:start;
}

/* LEADERBOARD */
.leader-list{display:flex;flex-direction:column;gap:10px}
.leader-row{
  display:grid;grid-template-columns:32px 1fr auto auto;
  align-items:center;gap:14px;
  padding:12px 16px;
  background:var(--bg3);border:1px solid var(--brd);
  border-radius:var(--r);
  transition:border-color .2s,transform .2s;
}
.leader-row:hover{transform:translateX(4px)}
.leader-row.gold{border-color:rgba(201,160,48,.35);background:rgba(201,160,48,.05)}
.leader-row.gold:hover{border-color:var(--gold)}
.leader-row.silver{border-color:rgba(160,160,160,.25)}
.leader-row.bronze{border-color:rgba(180,90,34,.25)}
.lr-rank{font-size:1.1rem;text-align:center}
.lr-num{
  width:28px;height:28px;border-radius:50%;
  background:var(--bg);border:1px solid var(--brd);
  display:flex;align-items:center;justify-content:center;
  font-size:.72rem;font-weight:700;color:var(--gray);letter-spacing:0;
}
.lr-name{font-weight:700;font-size:.95rem;color:var(--cream);letter-spacing:.5px}
.lr-bar-wrap{
  height:3px;background:var(--brd);border-radius:2px;
  min-width:60px;overflow:hidden;
}
.lr-bar{
  height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--red),var(--red-b));
  width:0;transition:width 1.2s var(--ease);
}
.leader-row.gold .lr-bar{background:linear-gradient(90deg,var(--gold),#e8b840)}
.lr-amount{
  font-family:var(--fd);font-size:.95rem;
  color:var(--cream);letter-spacing:1px;white-space:nowrap;
}
.leader-row.gold .lr-amount{color:var(--gold)}

/* STREAM ALERT PREVIEW */
.stream-mock{
  position:relative;border-radius:var(--r);overflow:hidden;
  border:1px solid var(--brd);aspect-ratio:16/9;
  margin-bottom:16px;
}
.stream-bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#0f0f1a,#1a0f0f);
  display:flex;align-items:center;justify-content:center;
}
.stream-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.4}
.stream-scanlines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);
}
.stream-content{text-align:center;z-index:1;position:relative}
.stream-label{
  font-size:.58rem;font-weight:700;letter-spacing:3px;
  color:rgba(207,26,26,.6);text-transform:uppercase;margin-bottom:6px;
}
.stream-game{
  font-family:var(--fd);font-size:1.1rem;letter-spacing:3px;
  color:rgba(228,223,213,.25);
}

/* Stream alert overlay */
.stream-alert{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%) translateY(120%);
  width:85%;z-index:2;
  background:rgba(8,8,8,.92);
  border:1px solid rgba(207,26,26,.5);border-radius:var(--r);
  padding:12px 16px;
  display:flex;align-items:center;gap:12px;
  animation:alertPop 5s ease-in-out infinite;
  box-shadow:0 0 30px rgba(207,26,26,.2);
}
@keyframes alertPop{
  0%{transform:translateX(-50%) translateY(120%);opacity:0}
  10%{transform:translateX(-50%) translateY(0);opacity:1}
  70%{transform:translateX(-50%) translateY(0);opacity:1}
  90%,100%{transform:translateX(-50%) translateY(120%);opacity:0}
}
.sa-glow{
  position:absolute;inset:0;border-radius:var(--r);
  box-shadow:inset 0 0 20px rgba(207,26,26,.15);
  animation:glowPulse 2s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:.5}50%{opacity:1}}
.sa-icon{
  width:36px;height:36px;border-radius:50%;
  background:var(--red);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;color:var(--red-fg, var(--white));
  animation:iconBeat 5s ease-in-out infinite;
}
@keyframes iconBeat{
  0%,100%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}
}
.sa-text{font-size:.62rem;color:var(--gray);letter-spacing:2px;text-transform:uppercase;margin-bottom:2px}
.sa-name{font-family:var(--fd);font-size:1rem;color:var(--cream);letter-spacing:1px}
.sa-amount{font-family:var(--fd);font-size:.85rem;color:var(--red);letter-spacing:1px}
.sa-msg{font-size:.75rem;color:var(--gray);font-style:italic;margin-top:2px}

.alert-note{
  font-size:.78rem;color:var(--gray2);letter-spacing:.5px;
  display:flex;align-items:flex-start;gap:8px;line-height:1.5;
}
.alert-note i{color:var(--gray2);margin-top:2px;flex-shrink:0}

/* ── TOAST ── */
.toast{
  position:fixed;bottom:32px;right:32px;z-index:9000;
  display:flex;align-items:center;gap:16px;
  padding:18px 24px;
  background:var(--bg3);border:1px solid rgba(207,26,26,.4);
  border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.5);
  transform:translateY(120%);opacity:0;
  transition:transform .5s var(--ease),opacity .5s;
  max-width:340px;
}
.toast.show{transform:translateY(0);opacity:1}
.toast>i{color:var(--red);font-size:1.4rem;flex-shrink:0}
.toast strong{display:block;font-size:.92rem;color:var(--cream);letter-spacing:.5px}
.toast span{font-size:.8rem;color:var(--gray)}

/* ── FOOTER ── */
.footer{background:var(--bg);border-top:1px solid var(--brd);padding:40px 0}
.footer-in{display:flex;flex-direction:column;align-items:center;gap:18px}
.footer-logo{font-family:var(--fd);font-size:1.4rem;letter-spacing:3px;color:var(--cream)}
.footer-logo em{color:var(--red);font-style:normal}
.footer-socials{display:flex;gap:14px}
.footer-socials a{
  width:36px;height:36px;border:1px solid var(--brd);border-radius:var(--r);
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;color:var(--gray);
  transition:border-color .2s,color .2s,transform .2s;
}
.footer-socials a:hover{border-color:var(--red);color:var(--red);transform:translateY(-3px)}
.footer-copy{font-size:.68rem;font-weight:700;letter-spacing:2px;color:var(--gray2);text-transform:uppercase}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .main-grid{grid-template-columns:1fr;gap:48px}
  .bottom-grid{grid-template-columns:1fr;gap:48px}
  .stats-strip{flex-wrap:wrap}
  .stat{min-width:33%}
}
@media(max-width:640px){
  .nav{padding:0 20px}
  .container{padding:0 20px}
  .section{padding:64px 0}
  .amount-grid{grid-template-columns:repeat(3,1fr)}
  .pay-methods{grid-template-columns:1fr}
  .hero-inner{padding:0 20px}
}
@media(max-width:480px){
  .stats-strip{
    flex-direction:column;
    max-width:100%;
    border-radius:var(--r);
  }
  .stat-div{display:none}
  .stat{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px;
    text-align:left;
    border-bottom:1px solid var(--brd);
  }
  .stat:last-child{border-bottom:none}
  .stat-val{
    font-size:1.4rem;
    margin-bottom:0;
    white-space:nowrap;
  }
  .stat-lbl{
    font-size:.58rem;
    letter-spacing:1.5px;
    text-align:right;
  }
}