@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--bg-dark:#050505;--accent-gold:gold;--accent-gold-dim:#ffd7001f;--accent-purple:#8b5cf6;--accent-purple-dim:#8b5cf626;--accent-green:#10b981;--text-primary:#fff;--text-secondary:#fff9;--glass:#ffffff08;--glass-border:#ffffff14;--glow-gold:0 0 40px #ffd70033;--font-main:"Outfit", sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}@keyframes aurora{0%{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(-3%,4%)scale(1.08)rotate(1deg)}50%{transform:translate(4%,-2%)scale(1.05)rotate(-1deg)}75%{transform:translate(-2%,-4%)scale(1.03)rotate(.5deg)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffd70033}50%{box-shadow:0 0 50px #ffd70080,0 0 80px #ffd70033}}@keyframes particle-burst{0%{opacity:1;transform:scale(0)rotate(0)}to{opacity:0;transform:scale(3)rotate(360deg)}}@keyframes count-flash{0%,to{color:var(--text-primary)}50%{color:var(--accent-gold)}}@keyframes shimmer{to{background-position:200%}}@keyframes ws-blink{0%,to{opacity:1}50%{opacity:.3}}.aurora-bg{z-index:-1;filter:blur(80px);background:radial-gradient(at 15% 25%,#8b5cf633 0%,#0000 55%),radial-gradient(at 85% 75%,#ffd7001f 0%,#0000 50%),radial-gradient(#10b9810f 0%,#0000 60%);animation:30s ease-in-out infinite aurora;position:fixed;inset:0}h1,h2{font-family:var(--font-serif);font-weight:700}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px}.wall-container{grid-template-rows:auto 1fr auto;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.wall-header{z-index:10;justify-content:space-between;align-items:center;padding:20px 32px;animation:.8s both slideInFromTop;display:flex;position:relative}.logo-section{align-items:center;gap:14px;display:flex}.logo-emblem{background:linear-gradient(135deg, var(--accent-gold) 0%, #ff8c00 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 0 30px #ffd7004d}.main-title{font-family:var(--font-serif);letter-spacing:-.5px;font-size:clamp(20px,2.5vw,32px);line-height:1.1}.main-title .solidarite{background:linear-gradient(135deg, var(--accent-gold), #ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.header-center{position:absolute;left:50%;transform:translate(-50%)}.live-badge{letter-spacing:2px;text-transform:uppercase;color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite ws-blink}.stats-section{align-items:center;gap:0;padding:12px 24px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:2px;padding:0 20px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-size:10px;font-weight:600}.stat-value{font-family:var(--font-serif);color:var(--accent-gold);font-size:clamp(18px,2vw,26px);animation:.5s count-flash}.stat-divider{background:var(--glass-border);width:1px;height:36px}.ws-status{color:var(--text-secondary);align-items:center;gap:5px;margin-top:4px;font-size:10px;display:flex}.ws-dot{background:#6b7280;border-radius:50%;width:6px;height:6px}.ws-dot.connected{background:var(--accent-green);animation:3s ease-in-out infinite ws-blink}.ws-dot.connecting{background:var(--accent-gold);animation:1s ease-in-out infinite ws-blink}.paged-grid-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.photo-grid{flex:1;place-content:start center;gap:12px;padding:12px 16px;display:grid;overflow:hidden}.photo-grid::-webkit-scrollbar{display:none}.page-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:6px 16px 8px;display:flex}.page-dots{align-items:center;gap:6px;display:flex}.page-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;width:8px;height:8px;padding:0;transition:all .3s}.page-dot.active{background:var(--accent-gold);border-radius:4px;width:20px;box-shadow:0 0 8px #ffd70080}.page-counter{color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:600}.page-counter strong{color:var(--accent-gold)}.page-progress{background:#ffffff1a;border-radius:2px;width:120px;height:3px;overflow:hidden}.page-progress-fill{background:var(--accent-gold);border-radius:2px;height:100%;transition:width 80ms linear}.donor-card{cursor:default;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:2px solid #ffd70038;border-radius:14px;flex-direction:column;flex-shrink:0;width:300px;height:300px;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInScale;display:flex;position:relative;overflow:hidden}.donor-card:hover{z-index:2;border-color:#ffd7008c;transform:translateY(-4px)scale(1.015);box-shadow:0 12px 40px #00000080,0 0 0 1.5px #ffd70066}.donor-card.new-entry{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold), var(--glow-gold);animation:.7s cubic-bezier(.34,1.56,.64,1) both fadeInScale}.donor-photo-wrap{background:#ffffff0d;border-radius:12px;flex-shrink:0;width:300px;height:300px;position:relative;overflow:hidden}.donor-photo-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .4s;display:block}.donor-card:hover .donor-photo-img{transform:scale(1.04)}.donor-photo-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.donor-photo-gradient{pointer-events:none;z-index:1;background:linear-gradient(#0000 35%,#00000073 65%,#000000e0 100%);position:absolute;inset:0}.donor-photo-overlay{z-index:3;pointer-events:none;flex-direction:column;gap:2px;padding:5px 7px 7px;display:flex;position:absolute;bottom:0;left:0;right:0}.donor-photo-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #000000e6;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.donor-photo-booster{color:var(--accent-gold);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;text-shadow:0 1px 6px #000000e6;font-size:11px;font-weight:700;overflow:hidden}.donor-info{border-top:1px solid #ffd7001f;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;height:14px;padding:0 8px;display:flex;overflow:hidden}.donor-info h3{font-family:var(--font-main);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:10px;font-weight:700;overflow:hidden}.booster-tag{background:var(--accent-gold-dim);color:var(--accent-gold);letter-spacing:.2px;white-space:nowrap;border:1px solid #ffd70040;border-radius:100px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:600}.donor-amount{color:var(--text-secondary);margin-top:3px;font-size:10px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:80px 40px;display:flex}.empty-icon{opacity:.3;font-size:64px}.empty-state h3{font-family:var(--font-serif);color:var(--text-secondary);font-size:24px}.latest-donor-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#050505d9;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.overlay-content{text-align:center;border-color:#ffd7004d;width:90%;max-width:500px;padding:40px 32px;animation:.6s cubic-bezier(.34,1.56,.64,1) both fadeInScale;position:relative;box-shadow:0 0 80px #ffd70026,0 40px 80px #00000080}.overlay-content:before{content:"";border:2px solid #ffd70033;border-radius:32px;animation:1.5s ease-out forwards particle-burst;position:absolute;inset:-30px}.badge-new{background:linear-gradient(135deg, var(--accent-gold), #ff8c00);color:#000;letter-spacing:2.5px;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:900;display:inline-flex}.badge-new:before{content:"★"}.featured-photo{border:3px solid var(--accent-gold);width:180px;height:240px;box-shadow:var(--glow-gold);background-position:50%;background-size:cover;border-radius:20px;margin:0 auto 20px;animation:2s ease-in-out infinite pulse-glow}.featured-info h2{font-family:var(--font-serif);margin-bottom:10px;font-size:30px}.amount-pill{background:linear-gradient(135deg, var(--accent-gold), #ff8c00);color:#000;font-size:22px;font-weight:900;font-family:var(--font-serif);border-radius:100px;margin-bottom:10px;padding:6px 20px;display:inline-block}.booster-message{color:var(--text-secondary);font-size:16px}.booster-message strong{color:var(--accent-purple);font-size:18px}.overlay-timer{background:#ffffff1a;border-radius:3px;width:60%;height:3px;position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)}.overlay-timer-fill{background:linear-gradient(90deg, var(--accent-purple), var(--accent-gold));border-radius:3px;height:100%;transition:width linear}.wall-footer{border-top:1px solid var(--glass-border);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 32px;font-size:12px;display:flex}.footer-branding strong{color:var(--text-primary)}.footer-hashtag{background:linear-gradient(135deg, var(--accent-purple), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700}@keyframes ticker-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.donors-ticker{white-space:nowrap;border-top:1px solid var(--glass-border);isolation:isolate;background:#0000004d;padding:8px 0;overflow:hidden;transform:translateZ(0)}.ticker-inner{will-change:transform;backface-visibility:hidden;gap:32px;animation:30s linear infinite ticker-scroll;display:inline-flex}.ticker-item{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;font-size:13px;display:inline-flex}.ticker-item .ticker-name{color:#fff;font-weight:600}.ticker-item .ticker-booster{color:var(--accent-gold)}.ticker-separator{color:var(--glass-border)}