@font-face{font-family:Norwester;src:url('assets/norwester.woff') format('woff');font-display:swap}
:root{color-scheme:dark;--accent:#79c96a;--muted:#bcc7ba;--display:Norwester,Impact,sans-serif}
*{box-sizing:border-box}html{background:#030503}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#0c410c33,transparent 55%),#030503;color:#f5faf9;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.shell{position:relative;width:min(900px,calc(100% - 32px));margin:0 auto;padding:18px 0 12px}.hero{position:relative;display:flex;justify-content:center;width:100%;overflow:hidden;background:#000;border:1px solid #79c96a4d;border-radius:12px;box-shadow:0 0 35px #329b291c,0 0 90px #329b2910}video{display:block;width:100%;max-height:69svh;min-height:240px;object-fit:contain;background:#000}.sound{position:absolute;right:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff80;color:white;background:#061306b8;padding:7px}.sound svg{width:19px;height:19px}.sound-mark{display:none}.sound[aria-pressed=true] .muted-mark{display:none}.sound[aria-pressed=true] .sound-mark{display:block}.intro{padding:16px 0 13px}.eyebrow{color:var(--accent);font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 6px}h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1.05}h1{font-size:clamp(38px,6.4vw,67px);margin:0 0 8px}h1 span{color:var(--accent)}h2{font-size:25px;margin:0 0 10px}p{margin:5px 0}.muted{color:var(--muted);max-width:790px}.donations{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #79c96a38;border-radius:9px;padding:12px 15px;background:#0d160d;transition:background .2s,border-color .2s}.card small{display:block;font-size:14px;color:var(--muted)}.card strong{font-size:20px}.card>span:last-child{font-size:26px;color:var(--accent)}.card.featured{background:#0c410c;color:#fff;border-color:#367c2c}.featured small,.featured>span:last-child{color:#c0e4b6}.card:hover{border-color:var(--accent);background:#173217}.featured:hover{background:#185618}.crypto{margin:10px 0 17px;border:1px solid #79c96a2c;border-radius:9px;background:#0b120a}summary{list-style:none;display:flex;justify-content:space-between;padding:11px 14px;font-weight:650}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}details[open] summary span{transform:rotate(45deg)}.crypto-body{padding:0 14px 12px}.crypto-body p{color:var(--muted)}.crypto-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.crypto-options a{padding:10px;background:#132411;border-radius:7px}.crypto-options a:hover{background:#223b1f}.crypto-options strong,.crypto-options small{display:block}.crypto-options small{font-size:14px;color:var(--accent)}label{font-size:14px;color:var(--muted)}.wallet{display:flex;gap:8px;margin:6px 0}.wallet input{width:100%;min-width:0;border:1px solid #79c96a38;border-radius:5px;padding:9px;background:#030503;color:white;font:14px/1.5 monospace}.wallet button{border:0;border-radius:6px;padding:8px 12px;background:var(--accent);color:#061606}.crypto-body .note{font-size:14px}.status:empty{display:none}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.socials a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#101a0e;border:1px solid #79c96a2c;border-radius:7px;font-size:14px}.socials a:hover{border-color:var(--accent)}.socials span{color:var(--accent)}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;color:var(--muted);font-size:14px}.brand{font:23px var(--display);color:#fff}.brand span{color:var(--accent)}.sparkles{position:fixed;inset:0;overflow:hidden;pointer-events:none}.sparkles i{position:absolute;width:3px;height:3px;background:#9de18d;border-radius:50%;box-shadow:0 0 7px #79c96a;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{from{opacity:.2}to{opacity:.85}}@media(max-width:560px){.shell{width:calc(100% - 24px);padding-top:12px}video{max-height:65svh}.donations{gap:8px}.card{padding:11px}.card strong{font-size:17px}.card small{font-size:14px}.socials{grid-template-columns:1fr 1fr}.crypto-options{grid-template-columns:1fr}.crypto-options a{display:flex;justify-content:space-between;gap:8px}h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared Libr8Aid family-page treatment, in Mohammed's green palette. */
body { font-weight: 700; background: radial-gradient(circle at 78% 5%,rgba(41,120,29,.15),transparent 29%),radial-gradient(circle at 13% 30%,rgba(41,120,29,.1),transparent 31%),#030503; }
.shell { width:min(1080px,calc(100% - 40px)); padding:2px 0 12px; }
.site-header { display:flex; justify-content:space-between; align-items:center; min-height:62px; padding-block:0; }
.header-brand { display:inline-flex; align-items:center; gap:10px; font:25px/1 var(--display); letter-spacing:.06em; }
.header-brand > span:last-child > span { color:var(--accent); }
.brand-mark { position:relative; display:block; overflow:hidden; width:40px; height:40px; border:1px solid #79c96a47; border-radius:50%; background:#000; }
.brand-mark img { position:absolute; width:337.5%; max-width:none; left:-111.25%; top:-39.7%; }
.site-header nav { display:flex; gap:22px; }
.site-header nav a { color:var(--muted); font:14px/1 var(--display); letter-spacing:.1em; text-transform:uppercase; }
.site-header nav a:hover { color:var(--accent); }
.hero { padding:7px; border:2px solid #4b9b3ba8; border-radius:12px; box-shadow:0 22px 62px #0009,0 0 30px #329b2929,0 0 75px #329b2924; }
video { aspect-ratio:16/9; min-height:0; max-height:none; border-radius:6px; }
.sound { top:15px; right:15px; }
.intro { padding:13px 3px 12px; }
.eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:9px; font-weight:900; letter-spacing:.18em; }
.location-dot { flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px var(--accent); animation:location-pulse 2s ease-in-out infinite; }
h1 { font-size:clamp(3.6rem,7.65vw,7.02rem); line-height:.9; letter-spacing:.01em; margin-bottom:10px; }
h1 span,h2 em { color:var(--accent); font-style:normal; text-shadow:0 0 25px #329b2938; }
h2 { font-size:clamp(2.3rem,5.04vw,4.3rem); line-height:.95; margin-bottom:10px; letter-spacing:.01em; }
.card { min-height:80px; padding:10px 12px; border-radius:8px; background:#091007d1; box-shadow:0 0 17px #329b290d; transition:background .2s,border-color .2s,box-shadow .2s; }
.card small { margin-bottom:5px; font-size:14px; }
.card strong { display:block; font:clamp(1.65rem,3vw,2.75rem)/.95 var(--display); text-transform:uppercase; }
.card>span:last-child { display:grid; place-items:center; flex:0 0 35px; width:35px; height:35px; border:1px solid #79c96a70; border-radius:50%; font-size:20px; }
.card.featured { background:linear-gradient(110deg,#0c410caa,#091007e0 58%,#0c410c66); border-color:#4b9b3bb8; box-shadow:inset 0 1px 0 #ffffff19,0 0 23px #329b291f; }
.card:hover { border-color:var(--accent); box-shadow:0 0 23px #329b292e; }
.connect { padding-block:5px 8px; }
.socials a { font:17px/1.2 var(--display); letter-spacing:.06em; text-transform:uppercase; background:#329b2909; }
.sparkles i { box-shadow:0 0 10px 2px #79c96a99; }
@keyframes location-pulse { 0%,100% { opacity:.7; box-shadow:0 0 10px #79c96a99; } 50% { opacity:1; box-shadow:0 0 17px #79c96acc; } }
@media(max-width:560px) { .shell { width:calc(100% - 24px); } .site-header { min-height:58px; } .site-header nav { gap:14px; } h1 { font-size:clamp(2.9rem,11vw,3.8rem); } .card { padding:10px; gap:8px; } .card strong { font-size:1.6rem; } .hero { padding:5px; } video { max-height:none; } }
@media(prefers-reduced-motion:reduce) { .location-dot { animation:none; } }
