@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;overflow:hidden}.donate-button{cursor:pointer;letter-spacing:.15em;text-transform:uppercase;color:#1a3a5c;background:0 0;border:none;border-radius:20px;width:21%;height:13%;font-family:Inter,sans-serif;font-size:clamp(.8rem,1.6vmax,1.4rem);font-weight:600;transition:all .3s;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.donate-button:hover{background:#fff3;transform:translate(-50%,-50%)scale(1.02);box-shadow:0 0 20px #96dcff4d}.donate-button:active{transform:translate(-50%,-50%)scale(.98)}.hero-wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.hero-container{display:inline-block;position:relative}.hero-image{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.donate-options{flex-direction:column;align-items:center;gap:1.5rem;animation:.3s fadeIn;display:none}.donate-options.visible{display:flex}.donate-label{color:#5a7a9a;letter-spacing:.1em;text-transform:uppercase;font-size:.9rem}.amount-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-amount{color:#1a3a5c;cursor:pointer;background:#ffffffb3;border:2px solid #96c8e680;border-radius:10px;padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s}.btn-amount:hover{background:#ffffffe6;border-color:#7ab8e0;transform:translateY(-2px);box-shadow:0 0 20px #96dcff4d}.btn-amount:active{transform:translateY(0)}.btn-back{color:#8aaabe;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;margin-top:.5rem;padding:.5rem 1.5rem;font-family:Inter,sans-serif;font-size:.85rem;transition:color .3s}.btn-back:hover{color:#1a3a5c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page{background:linear-gradient(#e8eef5 0%,#dce6f0 40%,#e2eaf3 70%,#edf1f6 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.overlay{pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 70%);position:absolute;inset:0}.content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-page{background:linear-gradient(#0a1428 0%,#112240 40%,#0d1b33 70%,#0a1428 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.video-player-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.visualizer{justify-content:center;align-items:center;display:flex;position:relative}.glow{background:radial-gradient(circle,#96d2ff4d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:3s ease-in-out infinite pulse;position:absolute}.bars{z-index:1;align-items:flex-end;gap:4px;height:200px;display:flex}.bar{width:6px;animation:1.2s ease-in-out infinite alternate equalizer;animation-delay:var(--delay);background:linear-gradient(#b4e1ffe6,#82c8f099);border-radius:3px;box-shadow:0 0 8px #96d2ff66}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{bottom:-20px;left:var(--x);width:var(--size);height:var(--size);animation:float var(--duration) var(--delay) linear infinite;background:radial-gradient(circle,#64b4ff99,#5096e633);border-radius:2px;position:absolute;transform:rotate(45deg);box-shadow:0 0 6px #64b4ff66}@keyframes equalizer{0%{height:8px}to{height:var(--max-height)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes float{0%{opacity:0;transform:rotate(45deg)translateY(0)translate(0)}10%{opacity:1}90%{opacity:.6}to{transform:rotate(45deg) translateY(-100vh) translateX(var(--drift));opacity:0}}.bouncing-layer{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bouncing-head{will-change:transform;background-position:top;background-size:cover;border-radius:50%;width:70px;height:70px;position:absolute;top:0;left:0;box-shadow:0 4px 15px #00000040}.karaoke-container{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.karaoke-amount{color:#7ab8e0;text-shadow:0 0 30px #7ab8e080;letter-spacing:.1em;font-size:3rem;font-weight:600}.karaoke-text{flex-direction:column;align-items:center;gap:.6rem;max-width:600px;padding:0 2rem;display:flex}.karaoke-line{color:#ffffff26;text-align:center;opacity:0;font-size:1.6rem;font-weight:600;line-height:1.5;transition:all .7s cubic-bezier(.175,.885,.32,1.275);display:block;transform:scale(.3)rotate(-180deg)}.karaoke-line.active{opacity:1;color:#fff;text-shadow:0 0 20px #7ab8e099,0 0 40px #7ab8e04d;transform:scale(1)rotate(0)}@media (width<=600px){.karaoke-line{font-size:1.1rem}.bouncing-head{width:50px;height:50px}.karaoke-text{padding:0 1rem}}