:root{--christmas-red:#c41e3a;--christmas-red-dark:#8b1a2e;--christmas-green:#165b33;--christmas-green-light:#2d8659;--christmas-gold:#d4af37;--christmas-gold-light:#f4d03f;--warm-cream:#fff8e7;--warm-beige:#f5e6d3;--warm-brown:#8b4513;--soft-white:#fffef9;--kiwanis-blue:#1b5fbf;--kiwanis-gold:#e7b10a;--kiwanis-green:#38761d;--kiwanis-green-light:#b6d7a8;--bg-warm-white:#f6f3ec;--bg-pure-white:#fff;--kc-blue:#273573;--kc-dark:#0e192d;--kc-red:#ec1d24;--kc-red-light:#f47a66;--kc-maroon:#a11d25;--kc-light:#ededeb;--kc-light-transparent:#ededebc0;--kc-pastel:#f8d4c8;--kc-green:#38761d;--kc-green-light:#b6d7a8;--font-primary:"Poppins","Inter",ui-sans-serif,system-ui,sans-serif;--font-sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 30px rgba(0,0,0,.15);--shadow-drop:2px 2px 5px rgba(0,0,0,.5);--text-shadow-dark:2px 2px 5px rgba(0,0,0,.3);--text-shadow-dark-hover:2px 2px 5px rgba(0,0,0,.5);--text-shadow-light:2px 2px 5px hsla(0,0%,100%,.5);--btn-box-shadow:0 6px 12px rgba(0,0,0,.15);--btn-box-shadow-hover:0 6px 12px var(--kc-red-light);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:50px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a472a,#2d5a3d 25%,#c41e3a 50%,#8b1a2e 75%,#1a472a);background-attachment:fixed;color:#2c2c2c;font-family:var(--font-primary);line-height:1.6;min-height:100vh;position:relative}body:before{animation:snowfall 10s linear infinite;color:hsla(0,0%,100%,.3);font-size:2rem;left:10%}body:after,body:before{content:"❄";pointer-events:none;position:fixed;top:-10%;z-index:0}body:after{animation:snowfall 12s linear 2s infinite;color:hsla(0,0%,100%,.2);font-size:1.5rem;right:20%}@keyframes snowfall{0%{opacity:0;transform:translateY(-10vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(1turn)}}.donation-card{background:var(--kc-light-transparent);border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.5);margin:0 auto;max-width:500px;padding:1rem;text-align:center;width:90%}.header-logo{display:block;filter:drop-shadow(var(--shadow-drop));margin:0 auto 1.5rem;width:120px}h1{font-size:1.8rem;margin-bottom:.3rem}.description,h1{color:var(--kc-blue);text-shadow:var(--text-shadow-dark)}.description{font-size:1.1rem;margin-bottom:1.5rem}.wheel-wrapper{aspect-ratio:1;margin:2rem auto .5rem;overflow:visible;position:relative;width:90%}.wheel-wrapper .wheel-container{aspect-ratio:1;border-radius:50%;cursor:grab;left:50%;position:absolute;transform:translateX(-50%);transition:transform .5s ease-out;width:90%}.wheel-wrapper .wheel-container:active{cursor:grabbing}@keyframes scaleUpDown{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%) scale(1)}}.animate-scale{animation:scaleUpDown .5s ease}.static-labels{aspect-ratio:1;overflow:visible;pointer-events:none;position:relative;transform:translateY(1%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:90%}.wheel-label{fill:var(--kc-blue);text-anchor:middle;dominant-baseline:middle;cursor:pointer;font-weight:600;pointer-events:all;text-shadow:var(--text-shadow-dark);transition:transform .5s ease}.wheel-label:active{fill:var(--kc-red);font-weight:900;text-shadow:var(--text-shadow-dark-hover);transform:scale(2.5)}.static-labels text.value-label{font-size:1.2rem}.footer{align-items:center;display:flex;font-family:Figtree,sans-serif;font-size:.8rem;gap:8px;justify-content:center;margin-top:1rem;text-shadow:var(--text-shadow-light)}.footer svg{display:inline-block;filter:drop-shadow(var(--text-shadow-light))}.footer a{color:inherit;text-decoration:none}.rotating-dial{height:100%;left:0;position:absolute;top:0;touch-action:none;transition:transform .5s ease-out;width:100%}.rotating-dial circle{fill:url(#dialGradient)}.wheel-pointer{fill:var(--kc-red-light);stroke:var(--kc-red)}.fine-tuning-overlay{align-items:center;aspect-ratio:1;background:rgba(0,0,0,.3);border-radius:50%;display:flex;justify-content:center;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%);width:80%;z-index:10}.fade-enter-active,.fade-leave-active,.fine-tuning-overlay{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fine-tuning-content{border-radius:64px;padding:1.5rem;text-align:center;width:200px}.fine-tuning-content,.wheel-amount{color:var(--kc-light);font-size:2.5rem;font-weight:700;text-shadow:var(--text-shadow-dark);-webkit-user-select:none;-moz-user-select:none;user-select:none}.wheel-amount{left:50%;position:absolute;top:45%;touch-action:none;transform:translate(-50%,-50%)}.btn-donate{background:var(--kc-red-light);border:none;border-radius:50px;box-shadow:var(--btn-box-shadow);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.75rem 1.25rem;text-decoration:none;transition:background .3s,transform .3s;width:100%}.btn-donate .donate-icon{filter:url(#white-outline);height:32px;margin:0 8px;vertical-align:middle;width:32px}.btn-donate:hover{background:var(--kc-red);box-shadow:var(--btn-box-shadow-hover);transform:translateY(-3px)}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}.pulse{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes heartBeat{20%,60%{transform:scale(1)}40%{transform:scale(1.2)}}.heart-beat{animation:heartBeat 3s ease-in-out infinite;filter:drop-shadow(2px 2px 5px var(--kc-red-light))}@keyframes heartBeat2{40%,80%{transform:scale(1)}60%{transform:scale(1.4)}}.heart-beat2{animation:heartBeat2 3s ease-in-out infinite;filter:drop-shadow(2px 2px 5px var(--kc-red-light))}