@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
--bg:#1a1a1a;--bg-secondary:#222;--bg-card:#2d2d2d;--bg-card-hover:#383838;--bg-input:#252525;
--border:#555;--border-hover:#7a7a7a;--text:#e8e8e8;--text-secondary:#b0b0b0;--text-muted:#787878;
--accent:#5a9e2f;--accent-light:#72c23a;--accent-glow:rgba(90,158,47,0.3);
--purple:#8b5cf6;--green:#5a9e2f;--red:#c0392b;
--header-bg:rgba(15,15,15,0.97);--shadow:4px 4px 0 #000;--shadow-sm:2px 2px 0 #000;
--radius:0px;--radius-sm:0px;--radius-xs:0px;--transition:all 0.15s ease;
--progress-bg:#1a1a1a;--progress-fill:linear-gradient(90deg,#5a9e2f,#8dd44a);
--mc-border-light:#aaa;--mc-border-dark:#333;
}
[data-theme="light"]{
--bg:#c6c6c6;--bg-secondary:#b0b0b0;--bg-card:#d4d4d4;--bg-card-hover:#dedede;--bg-input:#c0c0c0;
--border:#888;--border-hover:#555;--text:#1a1a1a;--text-secondary:#333;--text-muted:#666;
--accent:#5a9e2f;--accent-light:#4a8a25;--accent-glow:rgba(90,158,47,0.2);
--header-bg:rgba(180,180,180,0.97);--shadow:4px 4px 0 #555;--shadow-sm:2px 2px 0 #555;
--progress-bg:#999;--progress-fill:linear-gradient(90deg,#5a9e2f,#8dd44a);
}
html{scroll-behavior:smooth;image-rendering:pixelated;}
body{
font-family:'VT323',monospace;background:var(--bg);color:var(--text);
min-height:100vh;overflow-x:hidden;font-size:18px;
background-image:repeating-linear-gradient(0deg,rgba(0,0,0,0.03) 0px,rgba(0,0,0,0.03) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,rgba(0,0,0,0.03) 0px,rgba(0,0,0,0.03) 1px,transparent 1px,transparent 32px);
}
h1,h2,h3,.logo-text,.btn,.section-tag,.campaign-tag{font-family:'Press Start 2P',monospace;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:#111;}
::-webkit-scrollbar-thumb{background:#5a9e2f;border:2px solid #000;}
/* MINECRAFT BUTTON */
.btn{
display:inline-flex;align-items:center;gap:8px;padding:10px 20px;
font-family:'Press Start 2P',monospace;font-size:0.55rem;cursor:pointer;
border:none;text-decoration:none;transition:var(--transition);
text-transform:uppercase;letter-spacing:1px;position:relative;
image-rendering:pixelated;
}
.btn-primary{
background:#5a9e2f;color:#fff;
box-shadow:inset -3px -3px 0 #2d5016,inset 3px 3px 0 #8dd44a,var(--shadow);
}
.btn-primary:hover{background:#6ab535;transform:translateY(-1px);box-shadow:inset -3px -3px 0 #2d5016,inset 3px 3px 0 #a0e060,0 6px 0 #000;}
.btn-primary:active{transform:translateY(2px);box-shadow:inset 3px 3px 0 #2d5016,inset -3px -3px 0 #8dd44a,0 2px 0 #000;}
.btn-outline{
background:#555;color:var(--text);
box-shadow:inset -3px -3px 0 #222,inset 3px 3px 0 #888,var(--shadow);border:none;
}
.btn-outline:hover{background:#666;box-shadow:inset -3px -3px 0 #222,inset 3px 3px 0 #999,0 6px 0 #000;}
.btn-sm{padding:7px 14px;font-size:0.48rem;}
.btn-danger{
background:#8b1a1a;color:#fff;padding:6px 12px;font-size:0.45rem;
box-shadow:inset -2px -2px 0 #4a0000,inset 2px 2px 0 #c04040,var(--shadow-sm);
}
.btn-danger:hover{background:#a02020;}
/* FINANCE TICKER */
.finance-ticker{
position:fixed;top:0;left:0;right:0;z-index:1001;
background:#111;border-bottom:3px solid #000;height:32px;
display:flex;justify-content:space-between;align-items:center;
box-shadow:0 3px 0 #5a9e2f;
}
.finance-ticker-marquee{flex:1;overflow:hidden;height:100%;}
.prayer-times-bar{
display:flex;align-items:center;gap:12px;padding:0 16px;height:100%;
background:#1a1a1a;border-left:3px solid #000;white-space:nowrap;
}
.prayer-item{display:flex;align-items:center;gap:4px;font-size:0.8rem;}
.prayer-name{color:var(--text-muted);font-family:'Press Start 2P',monospace;font-size:0.4rem;}
.prayer-time{color:#5a9e2f;font-weight:700;}
.ticker-inner{
display:flex;align-items:center;height:100%;
animation:tickerScroll 30s linear infinite;width:max-content;padding:0 20px;
}
@keyframes tickerScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ticker-item{display:flex;align-items:center;gap:6px;padding:0 16px;border-right:2px solid #333;white-space:nowrap;height:100%;}
.ticker-name{font-size:0.65rem;font-weight:700;color:#888;font-family:'Press Start 2P',monospace;font-size:0.35rem;}
.ticker-value{font-size:0.85rem;font-weight:700;color:var(--text);font-family:'VT323',monospace;}
.ticker-change{font-size:0.75rem;font-weight:600;padding:1px 5px;}
.ticker-up{color:#5a9e2f;}
.ticker-down{color:#c0392b;}
/* HEADER */
#site-header{
position:fixed;top:32px;left:0;right:0;z-index:1000;
padding:0 clamp(16px,5%,48px);display:flex;align-items:center;justify-content:space-between;
height:60px;background:var(--header-bg);border-bottom:4px solid #5a9e2f;
box-shadow:0 4px 0 #000;
}
.header-left,.header-right{display:flex;align-items:center;gap:10px;}
.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-icon{
width:36px;height:36px;background:#5a9e2f;display:flex;align-items:center;justify-content:center;
font-size:1.1rem;border:2px solid #000;box-shadow:inset -2px -2px 0 #2d5016,inset 2px 2px 0 #8dd44a;
image-rendering:pixelated;
}
.logo-text{font-size:0.6rem;color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000;}
#theme-toggle{
width:36px;height:36px;background:#555;color:var(--text);
border:2px solid #000;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;
box-shadow:inset -2px -2px 0 #222,inset 2px 2px 0 #888;transition:var(--transition);
}
#theme-toggle:hover{background:#666;}
#admin-login-btn{
display:flex;align-items:center;gap:6px;padding:6px 12px;
background:#555;color:var(--text-secondary);cursor:pointer;font-size:0.8rem;
font-family:'VT323',monospace;border:2px solid #000;transition:var(--transition);
box-shadow:inset -2px -2px 0 #222,inset 2px 2px 0 #888;
}
#admin-login-btn:hover{color:var(--text);background:#666;}
#admin-login-btn svg{width:14px;height:14px;}
/* PROGRESS STRIP */
.progress-strip{
position:sticky;top:92px;z-index:100;background:var(--bg-secondary);
border-bottom:3px solid #000;padding:10px clamp(16px,5%,48px);
box-shadow:0 3px 0 #5a9e2f;
}
.progress-strip-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:16px;}
.progress-strip-left{display:flex;flex-direction:column;gap:2px;min-width:100px;}
.progress-strip-label{font-family:'Press Start 2P',monospace;font-size:0.35rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}
.progress-strip-amount{font-family:'Press Start 2P',monospace;font-size:0.8rem;color:#5a9e2f;line-height:1.2;text-shadow:2px 2px 0 #000;}
.progress-strip-bar{flex:1;min-width:0;}
.progress-strip-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:80px;}
.progress-strip-percent{font-family:'Press Start 2P',monospace;font-size:0.8rem;color:#f5c518;line-height:1;text-shadow:2px 2px 0 #000;}
.progress-strip-goal{font-family:'Press Start 2P',monospace;font-size:0.35rem;color:var(--text-muted);}
.progress-strip-meta{max-width:900px;margin:6px auto 0;display:flex;gap:12px;font-size:0.9rem;color:var(--text-muted);}
.progress-strip-meta strong{color:var(--accent);font-family:'Press Start 2P',monospace;font-size:0.4rem;}
/* PROGRESS TRACK */
.progress-track{
width:100%;height:12px;background:#111;border:2px solid #000;
box-shadow:inset 2px 2px 0 #000;image-rendering:pixelated;position:relative;
}
.progress-fill{
height:100%;width:0%;background:var(--progress-fill);
transition:width 2s cubic-bezier(0.4,0,0.2,1);position:relative;
image-rendering:pixelated;
}
.progress-fill::after{
content:'';position:absolute;inset:0;
background:repeating-linear-gradient(90deg,rgba(255,255,255,0.15) 0px,rgba(255,255,255,0.15) 8px,transparent 8px,transparent 16px);
animation:xpShimmer 1s steps(1) infinite;
}
@keyframes xpShimmer{0%{opacity:1;}50%{opacity:0.6;}100%{opacity:1;}}
/* HERO */
#hero{padding-top:92px;}
.campaign-image-wrap{width:100%;max-width:900px;margin:0 auto;padding:32px clamp(16px,5%,48px) 0;}
.campaign-image-container{
width:100%;border:4px solid #000;background:var(--bg-card);aspect-ratio:16/7;
display:flex;align-items:center;justify-content:center;overflow:hidden;
box-shadow:inset -4px -4px 0 #222,inset 4px 4px 0 #666,var(--shadow);
}
.campaign-image-container img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;image-rendering:auto;}
.campaign-image-container:hover img{transform:scale(1.03);}
.campaign-info{max-width:900px;margin:0 auto;padding:28px clamp(16px,5%,48px) 0;text-align:center;}
.campaign-tag{
display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
background:#2d5016;border:2px solid #000;color:#8dd44a;
font-size:0.45rem;text-transform:uppercase;letter-spacing:1px;
box-shadow:inset -2px -2px 0 #1a3009,inset 2px 2px 0 #4a8c2a,var(--shadow-sm);
margin-bottom:20px;
}
.campaign-title{
font-size:clamp(0.8rem,3vw,1.4rem);color:#fff;
letter-spacing:2px;line-height:1.5;margin-bottom:16px;
text-shadow:3px 3px 0 #000,4px 4px 0 #2d5016;
}
.campaign-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto 28px;}
.campaign-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:8px;}
/* SECTION */
#donations-section{max-width:900px;margin:0 auto;padding:48px clamp(16px,5%,48px) 80px;}
.section-header{text-align:center;margin-bottom:32px;}
.section-tag{
display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
background:#2d2d2d;border:2px solid #000;color:var(--text-muted);
font-size:0.45rem;text-transform:uppercase;letter-spacing:1px;
box-shadow:inset -2px -2px 0 #111,inset 2px 2px 0 #555,var(--shadow-sm);
margin-bottom:16px;
}
.section-title{
font-size:clamp(0.7rem,2.5vw,1.1rem);color:#fff;margin-bottom:8px;
text-shadow:3px 3px 0 #000;letter-spacing:2px;line-height:1.6;
}
.section-subtitle{color:var(--text-secondary);font-size:1rem;}
/* DONOR CARDS */
.donors-list{display:flex;flex-direction:column;gap:6px;}
.donor-row{
display:flex;align-items:center;gap:14px;padding:12px 16px;
background:var(--bg-card);border:2px solid #000;
box-shadow:inset -2px -2px 0 #111,inset 2px 2px 0 #555,var(--shadow-sm);
transition:var(--transition);animation:fadeIn 0.4s ease both;
}
.donor-row:hover{background:var(--bg-card-hover);transform:translateX(4px);box-shadow:inset -2px -2px 0 #111,inset 2px 2px 0 #666,var(--shadow);}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.donor-avatar{
width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;
font-family:'Press Start 2P',monospace;font-weight:700;font-size:0.7rem;color:#fff;
background:#5a9e2f;border:2px solid #000;
box-shadow:inset -2px -2px 0 #2d5016,inset 2px 2px 0 #8dd44a;
}
.donor-avatar-mystery{background:#7b2d8b !important;box-shadow:inset -2px -2px 0 #3d1546,inset 2px 2px 0 #b44fd0 !important;}
.donor-info{flex:1;min-width:0;}
.donor-name{font-weight:600;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.donor-detail{font-size:0.85rem;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.donor-note{color:var(--text-secondary);font-style:italic;font-size:0.8rem;}
.donor-amount{font-family:'Press Start 2P',monospace;font-weight:700;font-size:0.55rem;color:#f5c518;white-space:nowrap;text-shadow:1px 1px 0 #000;}
.load-more-wrap{text-align:center;margin-top:24px;}
/* T-REX GAME */
.trex-section{max-width:900px;margin:0 auto;padding:48px clamp(16px,5%,48px) 60px;}
.trex-game-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:24px;}
#trex-canvas{
max-width:100%;height:auto;border:4px solid #000;background:#f7f7f7;cursor:pointer;
box-shadow:inset -4px -4px 0 #222,inset 4px 4px 0 #999,var(--shadow);
}
.trex-score-panel{
margin-top:12px;padding:16px 20px;background:var(--bg-card);
border:3px solid #5a9e2f;width:100%;max-width:500px;
box-shadow:inset -3px -3px 0 #2d5016,inset 3px 3px 0 #8dd44a,var(--shadow);
}
.trex-score-title{font-family:'Press Start 2P',monospace;font-size:0.6rem;color:var(--text);}
.trex-score-title strong{font-size:0.8rem;color:#f5c518;text-shadow:2px 2px 0 #000;}
.trex-leaderboard{
max-width:500px;margin:0 auto;background:var(--bg-card);
border:3px solid #000;padding:20px;
box-shadow:inset -3px -3px 0 #111,inset 3px 3px 0 #555,var(--shadow);
}
.trex-leaderboard-title{
font-family:'Press Start 2P',monospace;font-size:0.6rem;color:#f5c518;
margin-bottom:16px;text-align:center;text-shadow:2px 2px 0 #000;
}
/* FOOTER */
#site-footer{
border-top:4px solid #5a9e2f;padding:24px clamp(16px,5%,48px);
text-align:center;color:var(--text-muted);font-size:0.85rem;
background:#111;box-shadow:0 -4px 0 #000;
}
#site-footer a{color:#5a9e2f;text-decoration:none;}
#site-footer a:hover{color:#8dd44a;}
/* MODAL */
.modal-backdrop{
position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.85);
display:flex;align-items:center;justify-content:center;
opacity:0;visibility:hidden;transition:var(--transition);padding:20px;
}
.modal-backdrop.active{opacity:1;visibility:visible;}
.modal{
background:var(--bg-card);border:4px solid #000;
box-shadow:inset -4px -4px 0 #111,inset 4px 4px 0 #666,8px 8px 0 #000;
padding:36px;width:100%;max-width:400px;
transform:translateY(-12px) scale(0.97);transition:var(--transition);position:relative;
}
.modal-backdrop.active .modal{transform:translateY(0) scale(1);}
.modal-icon{font-size:2rem;text-align:center;margin-bottom:10px;}
.modal-title{
font-family:'Press Start 2P',monospace;text-align:center;font-size:0.8rem;
margin-bottom:6px;color:var(--text);text-shadow:2px 2px 0 #000;
}
.modal-subtitle{text-align:center;color:var(--text-secondary);font-size:0.9rem;margin-bottom:24px;}
.form-group{margin-bottom:14px;}
.form-label{
display:block;font-family:'Press Start 2P',monospace;font-size:0.4rem;
color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.8px;
}
.form-input,.form-textarea{
width:100%;padding:10px 12px;background:var(--bg-input);
border:2px solid #000;color:var(--text);font-size:1rem;
font-family:'VT323',monospace;outline:none;transition:var(--transition);
box-shadow:inset 2px 2px 0 #111;
}
.form-textarea{min-height:70px;resize:vertical;}
.form-input:focus,.form-textarea:focus{border-color:#5a9e2f;background:var(--bg-card);box-shadow:inset 2px 2px 0 #111,0 0 0 2px rgba(90,158,47,0.3);}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:520px){.form-row{grid-template-columns:1fr;}}
.modal-error{
background:rgba(192,57,43,0.15);border:2px solid #c0392b;
padding:9px 14px;color:#e74c3c;font-size:0.85rem;margin-bottom:12px;display:none;
}
.form-success{
background:rgba(90,158,47,0.15);border:2px solid #5a9e2f;
padding:9px 14px;color:#8dd44a;font-size:0.85rem;margin-bottom:12px;display:none;
}
.modal-close-btn{
position:absolute;top:10px;right:10px;width:28px;height:28px;
background:#555;color:var(--text-muted);cursor:pointer;border:2px solid #000;
display:flex;align-items:center;justify-content:center;font-size:0.9rem;
box-shadow:inset -2px -2px 0 #222,inset 2px 2px 0 #888;transition:var(--transition);
}
.modal-close-btn:hover{background:#666;color:var(--text);}
/* TOAST */
#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;}
.toast{
display:flex;align-items:center;gap:8px;padding:11px 16px;
font-family:'Press Start 2P',monospace;font-size:0.45rem;
max-width:300px;animation:toastIn 0.3s ease;border:2px solid #000;
box-shadow:var(--shadow);
}
@keyframes toastIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}
.toast-success{background:#2d5016;border-color:#5a9e2f;color:#8dd44a;}
.toast-error{background:#4a0000;border-color:#c0392b;color:#e74c3c;}
/* ADMIN */
#admin-page{padding-top:60px;min-height:100vh;}
.admin-hero{
max-width:1100px;margin:0 auto;
padding:40px clamp(16px,5%,48px) 24px;
display:flex;align-items:center;justify-content:space-between;
gap:16px;flex-wrap:wrap;border-bottom:3px solid #5a9e2f;
}
.admin-welcome h1{
font-size:clamp(0.6rem,2vw,0.9rem);font-weight:800;letter-spacing:2px;
text-shadow:2px 2px 0 #000;
}
.admin-welcome p{color:var(--text-secondary);margin-top:8px;font-size:0.9rem;}
.admin-progress-track{height:8px;background:#111;border:2px solid #000;overflow:hidden;margin-top:6px;width:120px;}
.admin-progress-fill{height:100%;background:var(--progress-fill);transition:width 1s ease;}
.stats-row{
display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:12px;padding:24px clamp(16px,5%,48px);max-width:1100px;margin:0 auto;
}
.stat-card{
padding:20px;background:var(--bg-card);border:3px solid #000;
box-shadow:inset -3px -3px 0 #111,inset 3px 3px 0 #555,var(--shadow);
display:flex;flex-direction:column;gap:6px;
}
.stat-card-label{font-family:'Press Start 2P',monospace;font-size:0.4rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}
.stat-card-value{font-family:'Press Start 2P',monospace;font-size:1rem;font-weight:800;letter-spacing:-0.5px;text-shadow:2px 2px 0 #000;}
.stat-card-value.blue{color:#5a9e2f;}
.stat-card-value.green{color:#f5c518;}
.admin-grid{
display:grid;grid-template-columns:1fr 1fr;gap:16px;
padding:0 clamp(16px,5%,48px) 40px;max-width:1100px;margin:0 auto;
}
@media(max-width:800px){.admin-grid{grid-template-columns:1fr;}}
.admin-card{padding:24px;background:var(--bg-card);border:3px solid #000;box-shadow:inset -3px -3px 0 #111,inset 3px 3px 0 #555,var(--shadow);}
.admin-card-title{
font-family:'Press Start 2P',monospace;font-size:0.55rem;font-weight:700;
margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #5a9e2f;
display:flex;align-items:center;gap:8px;color:var(--text);text-shadow:1px 1px 0 #000;
}
.admin-card-full{grid-column:1 / -1;}
.admin-table{width:100%;border-collapse:collapse;font-size:0.9rem;}
.admin-table th{
font-family:'Press Start 2P',monospace;text-align:left;color:var(--text-muted);font-weight:500;
padding:8px 12px;border-bottom:3px solid #5a9e2f;font-size:0.4rem;text-transform:uppercase;
}
.admin-table td{padding:10px 12px;border-bottom:2px solid #333;vertical-align:middle;}
.admin-table tr:last-child td{border-bottom:none;}
.admin-table tr:hover td{background:var(--bg-card-hover);}
.amount-badge{
background:rgba(90,158,47,0.2);color:#8dd44a;
padding:2px 10px;font-family:'Press Start 2P',monospace;font-weight:700;font-size:0.45rem;
border:1px solid #5a9e2f;
}
.image-upload-zone{
border:3px dashed #555;padding:28px;text-align:center;cursor:pointer;
transition:var(--transition);position:relative;overflow:hidden;
}
.image-upload-zone:hover{border-color:#5a9e2f;background:rgba(90,158,47,0.1);}
.image-upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;}
.upload-icon{font-size:2rem;margin-bottom:8px;}
.upload-text{font-size:0.9rem;color:var(--text-secondary);}
.upload-hint{font-size:0.8rem;color:var(--text-muted);margin-top:4px;}
.current-image-preview{margin-top:14px;overflow:hidden;border:2px solid #333;}
.current-image-preview img{width:100%;height:120px;object-fit:cover;display:block;}
.admin-nav{display:flex;gap:8px;}
.donor-type-btn.active{background:#5a9e2f !important;color:#fff !important;box-shadow:inset -2px -2px 0 #2d5016,inset 2px 2px 0 #8dd44a !important;}
/* ADS */
.ad-banner-left,.ad-banner-right{position:fixed;top:130px;width:160px;height:600px;display:none;z-index:90;}
.ad-banner-left{right:calc(50% + 460px + 10px);}
.ad-banner-right{left:calc(50% + 460px + 10px);}
.ad-banner-left img,.ad-banner-right img{width:100%;height:100%;object-fit:cover;border:3px solid #000;box-shadow:var(--shadow);}
.ad-banner-left a,.ad-banner-right a{display:block;width:100%;height:100%;text-decoration:none;}
/* PAGE CONTENT */
.page-content{max-width:900px;margin:0 auto;padding:0 clamp(16px,5%,48px);}
/* MINECRAFT PIXEL PARTICLES CANVAS */
#mc-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.4;}
/* RESPONSIVE */
@media(min-width:1300px){.ad-banner-left,.ad-banner-right{display:block;}}
@media(max-width:768px){
.prayer-times-bar{display:none;}
.campaign-title{font-size:0.7rem !important;}
.stats-row{grid-template-columns:1fr 1fr;}
#toast-container{right:12px;left:12px;bottom:16px;}
.toast{max-width:100%;}
}
@media(max-width:480px){
.stats-row{grid-template-columns:1fr;}
.campaign-actions{flex-direction:column;}
.campaign-actions .btn{justify-content:center;}
.logo-text{display:none;}
}

/* ============================================
   BAĞIŞ / BANKA BİLGİLERİ BÖLÜMÜ
   ============================================ */
.bank-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 48px clamp(16px,5%,48px) 48px;
}
.bank-info-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 4px solid #000;
    box-shadow: inset -4px -4px 0 #111, inset 4px 4px 0 #555, 6px 6px 0 #000;
    background: #252525;
    overflow: hidden;
}
.bank-field {
    border-bottom: 3px solid #111;
    padding: 16px 20px;
    background: #2a2a2a;
    transition: background 0.15s ease;
}
.bank-field:last-of-type { border-bottom: none; }
.bank-field:hover { background: #333; }
.bank-field-label {
    font-family: 'Press Start 2P', monospace;
    font-size: 0.38rem;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}
.bank-field-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.bank-field-value {
    font-family: 'VT323', monospace;
    font-size: 1.3rem;
    color: #e8e8e8;
    line-height: 1.4;
    flex: 1;
}
.bank-iban {
    font-size: 1.4rem;
    color: #5decf5;
    letter-spacing: 2px;
    font-weight: 700;
    word-break: break-all;
}
.bank-note-hint {
    display: block;
    font-size: 0.85rem;
    color: #787878;
    margin-top: 4px;
    font-style: italic;
}
.bank-copy-btn {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #3a3a3a;
    border: 2px solid #000;
    color: #5a9e2f;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset -2px -2px 0 #111, inset 2px 2px 0 #666;
    transition: all 0.15s ease;
    margin-top: 2px;
}
.bank-copy-btn:hover {
    background: #5a9e2f;
    color: #fff;
    box-shadow: inset -2px -2px 0 #2d5016, inset 2px 2px 0 #8dd44a;
}
.bank-copy-btn:active {
    transform: translateY(1px);
    box-shadow: inset 2px 2px 0 #111, inset -2px -2px 0 #666;
}
.bank-example {
    padding: 14px 20px;
    background: rgba(90,158,47,0.1);
    border-top: 3px solid #5a9e2f;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.bank-example-label {
    font-family: 'Press Start 2P', monospace;
    font-size: 0.4rem;
    color: #5a9e2f;
    white-space: nowrap;
}
.bank-example-text {
    font-family: 'VT323', monospace;
    font-size: 1.1rem;
    color: #8dd44a;
}