:root{--background-dark: #1e2a4a;--panel-background: #2a3a5f;--accent-red: #bf0a30;--accent-blue: #3c3c6d;--text-primary: #f0f0f0;--text-light: #dcdcdc}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-dark);color:var(--text-primary);text-align:center}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.app-header h1{font-size:3rem;color:var(--text-primary);margin-bottom:0}.app-header p{font-size:1.25rem;color:var(--text-light);margin-top:.5rem}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;align-items:start}.pledge-section,.map-section{background-color:var(--panel-background);padding:2rem;border-radius:12px}.pledge-form{margin-top:2rem;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group select,.form-group input{width:100%;padding:.75rem;background-color:var(--background-dark);border:1px solid var(--accent-blue);color:var(--text-primary);border-radius:5px;font-size:1rem;box-sizing:border-box}.pledge-button{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;background-color:var(--accent-red);color:var(--text-primary);border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.pledge-button:hover{background-color:#d62c4d}.thermometer-container{max-width:800px;margin:2rem auto 0;padding:0 1rem}.thermometer-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:1rem;font-weight:700}.thermometer-bar{width:100%;height:25px;background-color:var(--panel-background);border:2px solid var(--accent-blue);border-radius:15px;overflow:hidden}.thermometer-fill{height:100%;background-color:var(--accent-red);border-radius:12px;transition:width .5s ease-in-out}.countdown-container{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.countdown-item{display:flex;flex-direction:column;align-items:center;background-color:var(--panel-background);padding:.5rem 1rem;border-radius:8px;min-width:60px}.countdown-item span{font-size:2rem;font-weight:700;color:var(--text-primary)}.countdown-item .countdown-label{font-size:.8rem;color:var(--text-light);font-weight:400}.validation-error{color:var(--accent-red);font-weight:700;font-size:.9rem;margin-top:.5rem;margin-bottom:0}.pledge-button:disabled{background-color:#5a5a5a;cursor:not-allowed;opacity:.7}.share-container{margin-top:2rem;text-align:center;border:1px solid var(--accent-blue);padding:1.5rem;border-radius:8px}.share-container h3{margin-top:0;color:var(--text-primary)}.share-link-wrapper{display:flex;margin-top:1.5rem}.share-link-wrapper input{flex-grow:1;padding:.75rem;background-color:var(--background-dark);border:1px solid var(--accent-blue);color:var(--text-light);border-radius:5px 0 0 5px;font-size:1rem}.share-link-wrapper button{padding:0 1rem;background-color:var(--accent-blue);color:var(--text-primary);border:1px solid var(--accent-blue);border-radius:0 5px 5px 0;cursor:pointer;font-weight:700}.social-share{margin-top:1.5rem;display:flex;gap:1rem}.share-button{flex-grow:1;padding:.75rem;border-radius:5px;text-decoration:none;color:#fff;font-weight:700;transition:opacity .2s}.share-button:hover{opacity:.9}.share-button.twitter{background-color:#1da1f2}.share-button.facebook{background-color:#1877f2}.map-tooltip{background:#20232a;color:#f0f0f0;padding:.5rem 1rem;border-radius:5px;border:1px solid #61dafb;pointer-events:none;white-space:nowrap;z-index:999}@media (max-width: 768px){.main-content{grid-template-columns:1fr}.app-header h1{font-size:2.25rem}.app-container{padding:1rem}.pledge-section,.map-section{padding:1.5rem}.live-user-count{top:10px;right:10px;font-size:.8rem;padding:6px 12px}}.share-image-container{margin:20px 0;display:flex;justify-content:center}.share-image{max-width:100%;height:auto;border-radius:8px;border:1px solid #4a5568}.live-user-count{position:absolute;top:15px;right:25px;background-color:#0000004d;color:#f0f0f0;padding:8px 15px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:8px;font-weight:500}.live-dot{width:10px;height:10px;background-color:#32cd32;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #32cd32b3}70%{box-shadow:0 0 0 10px #32cd3200}to{box-shadow:0 0 #32cd3200}}.site-footer{text-align:center;padding:2rem 1rem;margin-top:4rem;border-top:1px solid var(--accent-blue);color:var(--text-light)}.site-footer p{margin:0;font-size:.9rem}.site-footer nav{margin-top:.5rem}.site-footer a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .2s}.site-footer a:hover{color:#dcdcdc;text-decoration:underline}.policy-container{max-width:800px;margin:4rem auto;padding:2rem;background-color:var(--panel-background);color:var(--text-light);border-radius:12px;text-align:left;line-height:1.6}.policy-container h1,.policy-container h2{color:var(--text-primary);border-bottom:1px solid var(--accent-blue);padding-bottom:.5rem;margin-top:2rem}.policy-container strong{color:var(--text-primary)}.back-link{display:inline-block;margin-top:2rem;color:#fff;text-decoration:none;background-color:var(--accent-red);padding:.75rem 1.5rem;border-radius:5px;font-weight:700;transition:background-color .2s}.back-link:hover{background-color:#d62c4d}
