@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090b15;--lime:#edff59;--pink:#ff88cf;--purple:#a997ff;--muted:#a9adc1;--intensity:0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f8ff;font-family:'DM Sans',sans-serif;min-height:100svh;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}.facade{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:4vh 4vw 3vh;z-index:2}header{display:flex;align-items:center;justify-content:space-between;gap:2vw}.brand{font-family:'Space Grotesk';font-weight:700;font-size:2vw;letter-spacing:-.06em}.brand>span{font-weight:400;color:var(--lime)}.brand small{display:block;letter-spacing:.16em;font-family:'DM Sans';font-size:.55vw;margin-top:8px;color:var(--muted)}.event{font-size:.8vw;letter-spacing:.18em;text-align:center}.event span{display:block;color:var(--muted);font-size:.6vw;margin-top:8px}.connection{display:flex;align-items:center;gap:9px;font-size:.65vw;letter-spacing:.1em;background:#ffffff07;border:1px solid #ffffff18;border-radius:30px;padding:12px 16px;color:var(--muted)}.connection i{height:7px;width:7px;border-radius:50%;background:#d6a459}.connection.live{color:var(--lime)}.connection.live i{background:var(--lime);box-shadow:0 0 15px #edff5980}.connection.stale{color:#eebc87}.display{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 24%;gap:5vw;align-items:center;padding:5vh 0}.kicker{font-size:.9vw;letter-spacing:.19em;display:flex;align-items:center;gap:15px;color:var(--muted)}.mini-star{color:var(--lime);font-size:2vw}.total-line{display:flex;align-items:baseline;gap:1.5vw;margin:2vh 0 0;font-family:'Space Grotesk';line-height:.98;white-space:nowrap}#total{font-size:clamp(60px,13.2vw,300px);letter-spacing:-.075em;font-weight:700;color:var(--lime);text-shadow:0 0 70px #d5ff4215;font-variant-numeric:tabular-nums}.currency{font-size:2.8vw;color:var(--lime)}h1{font-size:2.4vw;letter-spacing:-.04em;font-weight:500;margin:3vh 0 6vh}h1 em{font-family:Georgia;font-weight:400;color:var(--pink)}.goal-line{display:flex;justify-content:space-between;font-size:.75vw;letter-spacing:.08em;color:var(--muted)}.goal-line strong{color:#f7f8ff;font-weight:500}#percentage{color:var(--lime)}.track{height:9px;border-radius:20px;background:#ffffff12;position:relative;margin:17px 0 30px;overflow:hidden}#progress{width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink),var(--lime));border-radius:20px;transition:width 2s ease;box-shadow:0 0 25px #edff5970}.stats{display:flex;gap:4vw;align-items:center}.stats>div{display:flex;flex-direction:column;gap:7px}.stats strong{font-size:2vw;font-weight:500;font-family:'Space Grotesk'}.stats span{font-size:.55vw;letter-spacing:.11em;color:var(--muted)}.stats .update{margin-left:auto;text-align:right}.update span:first-child{letter-spacing:0;font-size:.7vw}.give{position:relative;border:1px solid #ffffff1b;border-radius:18px;padding:2.5vw;background:#ffffff05;box-shadow:0 0 90px #a997ff07;text-align:center;align-self:center}.qr-top{text-align:left}.qr-top>span{font-size:.6vw;letter-spacing:.18em;color:var(--muted)}.qr-top strong{font-family:Georgia;font-weight:400;font-size:2.1vw;display:block;line-height:1.2;margin-top:7px}#qr{margin:2vw 0 1.5vw;background:white;border-radius:10px;padding:10px;aspect-ratio:1;display:grid;place-items:center}#qr canvas{width:100%!important;height:auto!important;image-rendering:pixelated}.give p{font-size:.85vw;font-weight:700;letter-spacing:.09em}.give p span{color:var(--lime);margin-left:10px}.give small{font-size:.65vw;color:var(--muted)}.heart{position:absolute;top:-24px;right:22px;color:var(--pink);font-size:45px;transform:rotate(12deg);text-shadow:0 0 40px #ff88cf55}footer{border-top:1px solid #ffffff18;padding-top:2.5vh;display:flex;align-items:center;justify-content:space-between;gap:20px}.feed{display:flex;gap:20px;align-items:center;font-size:.9vw}.feed-label{font-size:.55vw;color:var(--pink);letter-spacing:.12em;border:1px solid #ff88cf44;border-radius:5px;padding:8px}.footer-mark{color:var(--muted);font-size:.6vw;letter-spacing:.14em}.aurora{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 30%,#899bff12,transparent 55%),radial-gradient(ellipse at 90% 90%,#ff88cf0e,transparent 55%);z-index:0;transition:filter 2s}.grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px);opacity:.1}#effects{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.celebration{position:fixed;inset:0;display:grid;place-items:center;z-index:4;background:#090b15ed;text-align:center;pointer-events:none}.celebration-inner{animation:arrival .65s cubic-bezier(.2,.8,.2,1)}.celebration p{font-size:1vw;color:var(--pink);letter-spacing:.3em}.celebration strong{font-size:12vw;color:var(--lime);font-family:'Space Grotesk';letter-spacing:-.06em;line-height:1.1;display:block}.celebration h2{font-size:3.5vw;letter-spacing:-.04em;font-weight:500;margin:2vh}.celebration span{font-size:1.1vw;color:var(--muted)}body[data-level="5"] .celebration{background:radial-gradient(ellipse at center,#392355eb,#090b15f5)}body[data-level="4"] .celebration{background:radial-gradient(ellipse at center,#222a49ed,#090b15f5)}@keyframes arrival{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.operator{position:fixed;right:15px;bottom:7px;display:flex;gap:14px;align-items:center;z-index:8;opacity:0;transition:opacity .25s}.operator:hover,.operator:focus-within,body.controls-visible .operator{opacity:1}.operator button,.operator a{background:#202434;color:#bbc0d1;font-size:11px;padding:7px 12px;border:1px solid #ffffff22;border-radius:5px}.operator button{cursor:pointer}#demo-banner{position:fixed;top:0;left:0;right:0;background:var(--pink);color:#090b15;text-align:center;font-size:12px;font-weight:700;padding:7px;z-index:9;letter-spacing:.1em}body.demo .facade{padding-top:7vh;padding-bottom:9vh}#demo-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;background:#151827;z-index:9}#demo-controls>span{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-right:12px}#demo-controls button,#demo-controls a{padding:8px 14px;border:1px solid #ffffff33;border-radius:6px;font-size:12px;background:#292d42;color:var(--lime)}#demo-controls button:hover{background:#424763}@media(min-aspect-ratio:21/9){.display{grid-template-columns:minmax(0,1fr) 18%;gap:8vw;padding:2vh 0}#total{font-size:11vw}.give{padding:1.5vw}h1{margin:2vh 0 4vh}.qr-top strong{font-size:1.6vw}#qr{margin:1vw 0}}@media(max-width:800px) and (max-aspect-ratio:1/1){body{overflow:auto}.facade{padding:30px 6vw;min-height:100svh}header{flex-wrap:wrap;gap:20px}.brand{font-size:22px}.brand small{font-size:8px}.event{display:none}.connection{font-size:9px;padding:9px}.display{grid-template-columns:1fr;gap:40px;padding:45px 0}.kicker{font-size:10px}.mini-star{font-size:22px}#total{font-size:19vw}.currency{font-size:6vw}h1{font-size:6vw;margin:20px 0 35px}.goal-line{font-size:10px}.stats{gap:22px;flex-wrap:wrap}.stats strong{font-size:24px}.stats span{font-size:8px}.stats .update{margin-left:0;text-align:left}.update span:first-child{font-size:10px}.give{width:65%;justify-self:center;padding:25px}.qr-top>span{font-size:9px}.qr-top strong{font-size:25px}#qr{margin:20px 0}.give p{font-size:12px}.give small{font-size:10px}footer{align-items:start}.feed{font-size:12px;flex-direction:column;align-items:start;gap:10px}.feed-label{font-size:8px}.footer-mark{font-size:8px;text-align:right;line-height:1.5}.celebration p{font-size:11px}.celebration strong{font-size:18vw}.celebration h2{font-size:8vw}.celebration span{font-size:12px}.operator{position:relative;opacity:1;justify-content:center;bottom:auto;right:auto;margin-bottom:20px;flex-wrap:wrap}body.demo .facade{padding-bottom:150px}#demo-controls{gap:5px;padding:9px}#demo-controls>span{display:none}#demo-controls button,#demo-controls a{font-size:11px;padding:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.aurora{filter:none!important}}