.cities-header{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);color:#fff;padding:calc(var(--navbar-height) + var(--space-12)) var(--space-6) var(--space-16);overflow:hidden}.cities-header-bg{position:absolute;inset:0;z-index:0}.cities-header .header-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{background-position:0 0}to{background-position:30px 30px}}.cities-header .header-gradient{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(transparent,#0003)}.floating-city-icons{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-icon{position:absolute;font-size:3rem;opacity:.15;animation:float-city 6s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.icon-1{top:15%;left:10%;animation-delay:0s}.icon-2{top:25%;right:15%;animation-delay:1s}.icon-3{bottom:30%;left:15%;animation-delay:2s}.icon-4{bottom:20%;right:10%;animation-delay:3s}.icon-5{top:50%;left:5%;animation-delay:4s}@keyframes float-city{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.cities-header-content{position:relative;z-index:1;text-align:center;max-width:800px}.cities-header .breadcrumb{justify-content:center;margin-bottom:var(--space-6);color:#ffffffb3}.cities-header .breadcrumb a{color:#ffffffb3;transition:color var(--transition-fast)}.cities-header .breadcrumb a:hover,.cities-header .breadcrumb-current{color:#fff}.cities-header .header-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff26;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 20px 5px #ffffff1a}}.cities-header .header-badge i{width:16px;height:16px;animation:bounce-subtle 2s ease-in-out infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cities-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-extrabold);color:#fff;margin-bottom:var(--space-4);text-shadow:0 4px 20px rgba(0,0,0,.2)}.cities-header .header-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;max-width:600px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}.header-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}.header-stat{text-align:center;padding:var(--space-4);background:#ffffff1a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);min-width:100px;transition:all var(--transition-normal)}.header-stat:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.header-stat .stat-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1}.header-stat .stat-label{font-size:var(--font-size-sm);color:#fffc;margin-top:var(--space-1)}.stat-divider{width:1px;height:40px;background:#ffffff4d;display:none}.header-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.header-actions .btn{min-width:180px}.map-section{background:var(--color-bg-secondary);padding:var(--space-16) var(--space-6);position:relative}.map-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,white,transparent);pointer-events:none}.map-wrapper{display:grid;grid-template-columns:1fr 350px;gap:var(--space-8);background:#fff;border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.map-wrapper:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(46,204,113,.05) 0%,transparent 70%);pointer-events:none}.map-container{position:relative;background:linear-gradient(135deg,#e8f5e9,#f1f8e9,#e8f5e9);border-radius:var(--radius-2xl);min-height:450px;overflow:hidden;border:1px solid rgba(46,204,113,.2);box-shadow:var(--shadow-inner)}.map-visual{position:relative;width:100%;height:100%;min-height:450px}.map-region{position:absolute;background:#2ecc711a;border:2px solid rgba(46,204,113,.3);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.map-region:hover{background:#2ecc7133;transform:scale(1.02);box-shadow:0 0 20px #2ecc714d}.map-region.bihar{top:5%;left:20%;width:60%;height:40%}.map-region.jharkhand{top:48%;left:25%;width:55%;height:45%}.region-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-darker);opacity:.5;text-transform:uppercase;letter-spacing:2px;pointer-events:none}.city-markers{position:absolute;inset:0}.city-marker{position:absolute;cursor:pointer;z-index:10;transition:all var(--transition-normal)}.city-marker:hover{z-index:20;transform:scale(1.1)}.city-marker:hover .marker-label{opacity:1;transform:translate(-50%) translateY(-5px)}.marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;animation:marker-pulse 2s ease-out infinite}.city-marker.live .marker-pulse{background:#2ecc714d}@keyframes marker-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.marker-dot{position:relative;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000004d;transition:all var(--transition-fast)}.city-marker.live .marker-dot{background:var(--color-primary);animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{box-shadow:0 2px 8px #0000004d,0 0 #2ecc7180}50%{box-shadow:0 2px 8px #0000004d,0 0 0 8px #2ecc7100}}.city-marker.launching .marker-dot{background:var(--color-warning);animation:pulse-launching 1.5s ease-in-out infinite}@keyframes pulse-launching{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.city-marker.voting .marker-dot{background:var(--color-info)}.marker-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;transition:all var(--transition-fast);pointer-events:none}.marker-label:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}.city-marker:hover .marker-label,.city-marker.live .marker-label{opacity:1}.map-legend{position:absolute;bottom:var(--space-4);left:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);background:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.legend-dot.live{background:var(--color-primary)}.legend-dot.launching{background:var(--color-warning)}.legend-dot.voting{background:var(--color-info)}.map-info-panel{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);border:1px solid var(--color-border-light)}.info-panel-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.info-panel-header i{width:24px;height:24px;color:var(--color-primary)}.info-panel-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.map-info-panel>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.coverage-stats{display:flex;flex-direction:column;gap:var(--space-4)}.coverage-stat{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-xl);transition:all var(--transition-fast);border:1px solid var(--color-border-light)}.coverage-stat:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.coverage-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.coverage-icon i{width:24px;height:24px;color:#fff}.coverage-icon.live{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%)}.coverage-icon.launching{background:linear-gradient(135deg,var(--color-warning) 0%,#e67e22 100%)}.coverage-icon.voting{background:linear-gradient(135deg,var(--color-info) 0%,#2980b9 100%)}.coverage-info{display:flex;flex-direction:column}.coverage-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.coverage-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.btn-block{width:100%;margin-top:auto}.live-cities-section{background:#fff;padding:var(--space-20) var(--space-6);position:relative;overflow:hidden}.live-cities-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(46,204,113,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(46,204,113,.03) 0%,transparent 50%);pointer-events:none}.section-header{margin-bottom:var(--space-12)}.section-header-left{max-width:600px}.section-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-4);border:1px solid var(--color-primary-light)}.section-tag i{width:16px;height:16px}.live-tag{background:#2ecc711a;color:var(--color-primary);border-color:var(--color-primary-light)}.pulse-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.live-cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-8);position:relative;z-index:1}.live-city-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);transition:all var(--transition-normal);position:relative}.live-city-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.live-city-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary-light)}.city-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.city-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.city-status.live{background:#2ecc7126;color:var(--color-primary-darker)}.city-status .status-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.city-badges{display:flex;gap:var(--space-2)}.city-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.city-badge i{width:12px;height:12px}.city-badge.popular{background:#f1c40f26;color:#d68910}.city-badge.new{background:#3498db26;color:#2980b9}.city-card-body{padding:var(--space-6);text-align:center}.city-icon-wrapper{position:relative;display:inline-flex;margin-bottom:var(--space-4)}.city-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 8px 25px #2ecc714d}.city-icon i{width:40px;height:40px;color:#fff}.city-icon-bg{position:absolute;inset:5px -5px -5px 5px;background:#2ecc7126;border-radius:var(--radius-2xl);z-index:0}.city-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.city-tagline{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.city-stats{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.city-stat{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.city-stat i{width:18px;height:18px;color:var(--color-primary)}.city-stat strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.city-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.feature-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#2ecc711a;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary-darker);font-weight:var(--font-weight-medium)}.feature-tag i{width:12px;height:12px}.city-card-footer{padding:var(--space-4) var(--space-6) var(--space-6)}.launching-section{background:linear-gradient(180deg,var(--color-bg-secondary) 0%,white 100%);padding:var(--space-20) var(--space-6)}.launching-tag{background:#f39c121a;color:#d68910;border-color:#f39c124d}.launching-cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.launching-city-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden;border:2px dashed var(--color-border);transition:all var(--transition-normal)}.launching-city-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,156,18,.02) 0%,transparent 50%);pointer-events:none}.launching-city-card:hover{border-color:var(--color-warning);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.launching-ribbon{position:absolute;top:20px;right:-35px;background:linear-gradient(135deg,var(--color-warning) 0%,#e67e22 100%);color:#fff;padding:var(--space-1) var(--space-8);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;transform:rotate(45deg);box-shadow:0 2px 10px #0003}.launching-city-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#fff5e6,#ffe6cc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 4px 15px #f39c1233}.launching-city-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.launching-city-card .city-tagline{margin-bottom:var(--space-6)}.launch-countdown{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:50px}.countdown-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-warning);line-height:1}.countdown-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);opacity:.5;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:.1}}.notify-form{margin-bottom:var(--space-4)}.notify-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.input-with-button{display:flex;gap:var(--space-2)}.input-with-button .input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.input-with-button .input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2ecc711a}.input-with-button .btn{white-space:nowrap}.interested-count{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.interested-count i{width:16px;height:16px;color:var(--color-primary)}.interested-count strong{color:var(--color-text-primary)}.vote-section{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:var(--space-20) var(--space-6);overflow:hidden}.vote-section-bg{position:absolute;inset:0;pointer-events:none}.vote-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(46,204,113,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(52,152,219,.1) 0%,transparent 40%)}.vote-section .section-header,.vote-section .section-header h2{color:#fff}.vote-section .section-subtitle{color:#fffc}.voting-tag{background:#9b59b633;color:#bb8fce;border-color:#9b59b64d}.hindi-text{font-style:italic;opacity:.9}.voting-progress-wrapper{margin-bottom:var(--space-12)}.voting-progress-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-6);max-width:600px;margin:0 auto}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.progress-info{display:flex;flex-direction:column}.progress-label{font-size:var(--font-size-sm);color:#ffffffb3}.progress-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff}.progress-goal{font-size:var(--font-size-sm);color:#fff9}.progress-bar-wrapper{margin-bottom:var(--space-4)}.progress-bar{height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#2ecc71 50%,#27ae60 100%);border-radius:var(--radius-full);transition:width 1s ease-out;position:relative;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#fffc;text-align:center}.progress-message i{width:18px;height:18px;color:#f1c40f}.voting-leaderboard{margin-bottom:var(--space-12)}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-8)}.leaderboard-title i{width:28px;height:28px;color:#f1c40f}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.vote-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-normal)}.vote-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3;box-shadow:0 20px 40px #0000004d}.vote-card.rank-1{border-color:#f1c40f80;background:linear-gradient(135deg,#f1c40f1a,#ffffff0d)}.vote-card.rank-2{border-color:#bdc3c780;background:linear-gradient(135deg,#bdc3c71a,#ffffff0d)}.vote-card.rank-3{border-color:#cd7f3280;background:linear-gradient(135deg,#cd7f321a,#ffffff0d)}.vote-rank{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-1)}.vote-rank span{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#ffffff80}.vote-rank i{width:24px;height:24px}.rank-1 .vote-rank i,.rank-1 .vote-rank span{color:#f1c40f}.rank-2 .vote-rank i,.rank-2 .vote-rank span{color:#bdc3c7}.rank-3 .vote-rank i,.rank-3 .vote-rank span{color:#cd7f32}.vote-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.city-icon-box{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.city-icon-box i{width:28px;height:28px;color:#fff}.city-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-1)}.city-subtitle{font-size:var(--font-size-sm);color:#fff9}.vote-progress{height:8px;background:#ffffff1a;border-radius:var(--radius-full);margin-bottom:var(--space-4);overflow:hidden}.vote-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#27ae60 100%);border-radius:var(--radius-full);transition:width 1s ease-out}.vote-stats{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4)}.vote-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff}.vote-label{font-size:var(--font-size-sm);color:#fff9}.btn-vote{width:100%;padding:var(--space-3) var(--space-6);background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast)}.btn-vote:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.02)}.btn-vote i{width:18px;height:18px}.request-city-section{max-width:700px;margin:0 auto}.request-city-card{display:flex;align-items:center;gap:var(--space-6);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-6)}.request-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.request-icon i{width:32px;height:32px;color:#fff}.request-content{flex:1}.request-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-1)}.request-content p{font-size:var(--font-size-sm);color:#ffffffb3;margin:0}.request-city-card .btn{flex-shrink:0}.expansion-section{background:#fff;padding:var(--space-20) var(--space-6)}.expansion-timeline{position:relative;max-width:900px;margin:0 auto;padding:var(--space-8) 0}.timeline-track{position:absolute;top:0;bottom:0;left:50%;width:4px;background:var(--color-border-light);transform:translate(-50%);border-radius:var(--radius-full)}.timeline-milestone{position:relative;display:flex;align-items:flex-start;margin-bottom:var(--space-12)}.timeline-milestone:last-child{margin-bottom:0}.timeline-milestone:nth-child(2n){flex-direction:row-reverse}.timeline-milestone:nth-child(2n) .milestone-content{text-align:right;padding-right:var(--space-12);padding-left:0}.milestone-marker{position:absolute;left:50%;transform:translate(-50%);width:32px;height:32px;background:#fff;border:4px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all var(--transition-fast)}.timeline-milestone.completed .milestone-marker{background:var(--color-primary);border-color:var(--color-primary)}.timeline-milestone.completed .milestone-marker i{width:16px;height:16px;color:#fff}.timeline-milestone.current .milestone-marker{background:var(--color-warning);border-color:var(--color-warning);animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{box-shadow:0 0 #f39c1280}50%{box-shadow:0 0 0 15px #f39c1200}}.pulse-ring{width:12px;height:12px;background:#fff;border-radius:50%}.timeline-milestone.upcoming .milestone-marker{background:var(--color-bg-secondary);border-color:var(--color-border)}.milestone-content{width:calc(50% - 32px);padding-left:var(--space-12)}.timeline-milestone:nth-child(odd) .milestone-content{margin-left:auto}.milestone-date{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.timeline-milestone.completed .milestone-date{background:#2ecc711a;color:var(--color-primary-darker)}.timeline-milestone.current .milestone-date{background:#f39c121a;color:#d68910}.milestone-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.milestone-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.why-expand-section{background:var(--color-bg-secondary);padding:var(--space-20) var(--space-6)}.why-expand-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.why-expand-content .section-tag{margin-bottom:var(--space-4)}.why-expand-content h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.lead-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.why-list{display:flex;flex-direction:column;gap:var(--space-6)}.why-item{display:flex;gap:var(--space-4);padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.why-item:hover{transform:translate(5px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.why-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.why-icon i{width:26px;height:26px;color:#fff}.why-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.why-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.why-expand-visual{display:flex;justify-content:center}.visual-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);max-width:380px;width:100%}.visual-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);padding:var(--space-6);display:flex;justify-content:center}.visual-logo{height:48px;filter:brightness(0) invert(1)}.visual-body{padding:var(--space-6)}.visual-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.visual-stat{text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.visual-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.visual-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.visual-footer{padding:var(--space-4) var(--space-6);background:var(--color-bg-secondary);text-align:center}.visual-footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.cta-section{position:relative;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);padding:var(--space-16) var(--space-6);overflow:hidden}.cta-bg{position:absolute;inset:0;pointer-events:none}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.05) 0%,transparent 50%)}.cta-content{position:relative;text-align:center;max-width:700px;margin:0 auto;color:#fff}.cta-icon{width:80px;height:80px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);animation:float-cta 3s ease-in-out infinite}@keyframes float-cta{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cta-icon i{width:40px;height:40px;color:#fff}.cta-content h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-4)}.cta-content p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:1024px){.map-wrapper{grid-template-columns:1fr}.map-info-panel{order:-1}.coverage-stats{flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.coverage-stat{flex:1;min-width:140px}.why-expand-wrapper{grid-template-columns:1fr;gap:var(--space-8)}.why-expand-visual{order:-1}.request-city-card{flex-direction:column;text-align:center}.request-city-card .btn{width:100%}}@media(max-width:768px){.cities-header{min-height:auto;padding-top:calc(var(--navbar-height) + var(--space-8));padding-bottom:var(--space-12)}.header-stats{gap:var(--space-4)}.header-stat{min-width:80px;padding:var(--space-3)}.header-stat .stat-value{font-size:var(--font-size-2xl)}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.map-container,.map-visual{min-height:300px}.map-legend{position:relative;bottom:auto;left:auto;margin-top:var(--space-4);justify-content:center}.live-cities-grid,.launching-cities-grid,.leaderboard-grid{grid-template-columns:1fr}.timeline-track{left:16px}.timeline-milestone,.timeline-milestone:nth-child(2n){flex-direction:column;padding-left:48px}.milestone-marker{left:16px}.milestone-content,.timeline-milestone:nth-child(2n) .milestone-content{width:100%;padding-left:0;padding-right:0;text-align:left;margin-left:0}.timeline-milestone:nth-child(odd) .milestone-content{margin-left:0}.input-with-button{flex-direction:column}.input-with-button .btn{width:100%}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}}@media(max-width:480px){.cities-header h1{font-size:1.75rem}.floating-icon{font-size:2rem;opacity:.1}.section-header h2{font-size:1.5rem}.live-city-card,.launching-city-card,.vote-card{padding:var(--space-5)}.city-icon-wrapper .city-icon{width:64px;height:64px}.city-icon i{width:32px;height:32px}.launching-city-icon{width:64px;height:64px;font-size:2rem}.countdown-value{font-size:var(--font-size-xl)}.vote-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.city-icon-box{width:48px;height:48px}.city-icon-box i{width:24px;height:24px}.visual-stat-grid{grid-template-columns:1fr}.why-item{flex-direction:column;text-align:center}.why-icon{margin:0 auto}}@media(max-width:360px){.city-card h3,.live-city-card h3,.launching-city-card h3{font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-stat{min-width:100%;padding:var(--space-3)}.location-name{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-card{padding:var(--space-4)}.vote-card h3{font-size:var(--font-size-base)}.city-icon-wrapper .city-icon{width:56px;height:56px}.countdown-item{padding:var(--space-2)}.countdown-value{font-size:var(--font-size-lg)}.countdown-label{font-size:10px}.section-header h2{font-size:1.375rem}.section-header p{font-size:var(--font-size-sm)}.cities-header h1{font-size:1.5rem}}html{scroll-behavior:smooth}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.live-city-card,.launching-city-card,.vote-card{animation:card-fade-in .6s ease-out forwards}.live-city-card:nth-child(1){animation-delay:.1s}.live-city-card:nth-child(2){animation-delay:.2s}.launching-city-card:nth-child(1){animation-delay:.1s}.launching-city-card:nth-child(2){animation-delay:.15s}.launching-city-card:nth-child(3){animation-delay:.2s}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.btn:active{transform:scale(.98)}.btn-success{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important;pointer-events:none}.btn-vote.voted{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-vote.voted i{animation:vote-bounce .5s ease-out}@keyframes vote-bounce{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vote-count{animation:count-up .5s ease-out}.toast-container{position:fixed;bottom:var(--space-20);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-primary);max-width:360px;animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.toast-exit{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast.toast-success{border-left-color:var(--color-primary)}.toast.toast-success .toast-icon{color:var(--color-primary)}.toast.toast-error{border-left-color:var(--color-danger)}.toast.toast-error .toast-icon{color:var(--color-danger)}.toast.toast-warning{border-left-color:var(--color-warning)}.toast.toast-warning .toast-icon{color:var(--color-warning)}.toast.toast-info{border-left-color:var(--color-info)}.toast.toast-info .toast-icon{color:var(--color-info)}.toast-content{flex:1}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}@media(max-width:768px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-20) + 60px)}.toast{max-width:100%}}.vote-card.voted{border-color:var(--color-primary);background:linear-gradient(135deg,#2ecc711a,#ffffff0d)}.vote-card.voted:after{content:"✓";position:absolute;top:var(--space-4);left:var(--space-4);width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);animation:check-pop .4s ease-out}@keyframes check-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.vote-card.voted .vote-progress-bar{animation:progress-grow .8s ease-out}@keyframes progress-grow{0%{transform:scaleX(.95)}50%{transform:scaleX(1.02)}to{transform:scaleX(1)}}.city-marker:hover .marker-dot{transform:scale(1.3)}.city-marker.live:hover .marker-pulse{animation:marker-pulse-fast 1s ease-out infinite}@keyframes marker-pulse-fast{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.city-marker:before{content:"";position:absolute;inset:-10px;cursor:pointer}.countdown-item{position:relative}.countdown-value{font-variant-numeric:tabular-nums;transition:all .3s ease}.countdown-value.flip{animation:flip-number .5s ease-in-out}@keyframes flip-number{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-10px);opacity:0}51%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.btn:focus-visible,.vote-card:focus-visible,.city-marker:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-icon,.marker-pulse,.pulse-dot,.countdown-separator{animation:none}html{scroll-behavior:auto}}@media(prefers-contrast:high){.vote-card,.live-city-card,.launching-city-card{border-width:2px}.marker-dot{border-width:4px}}@media print{.cities-header{min-height:auto;padding:var(--space-8);background:none;color:#000}.floating-city-icons,.header-pattern,.header-gradient,.vote-pattern,.cta-pattern,.btn,.mobile-bottom-nav,.back-to-top,.toast-container{display:none}.vote-section{background:#fff;color:#000}.vote-section h2,.vote-section p,.vote-card{color:#000}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0!important}.mt-auto{margin-top:auto}.w-full{width:100%}.hidden{display:none!important}.visible{display:block!important}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.city-search-wrapper{margin-bottom:var(--space-8)}.city-search-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);padding:var(--space-6);max-width:700px;margin:0 auto}.search-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);justify-content:center}.search-header i{width:24px;height:24px;color:var(--color-primary-light)}.search-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0}.city-search-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.search-input-wrapper{flex:1;position:relative}.city-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);font-size:var(--font-size-base);background:#ffffffe6;color:var(--color-text-primary);transition:all var(--transition-fast)}.city-search-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #2ecc7133}.city-search-input::placeholder{color:var(--color-text-tertiary)}.search-input-wrapper .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-primary);pointer-events:none}.search-clear-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:50%;cursor:pointer;color:var(--color-text-secondary)}.search-clear-btn:hover{background:var(--color-text-tertiary);color:#fff}.search-clear-btn i{width:14px;height:14px}.city-suggestions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.suggestion-label{font-size:var(--font-size-sm);color:#ffffffb3}.suggestion-chip{padding:var(--space-1) var(--space-3);background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.suggestion-chip:hover{background:var(--color-primary);border-color:var(--color-primary)}.bihar-cities-section,.jharkhand-cities-section{margin-bottom:var(--space-10)}.subsection-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-6)}.title-icon{font-size:1.5rem}.bihar-cities-grid,.jharkhand-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.vote-card-compact{display:flex;align-items:center;gap:var(--space-4);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-fast)}.vote-card-compact:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.vote-card-compact.highlight-card{animation:highlight-pulse .5s ease-out 3;border-color:var(--color-primary);background:#2ecc7126}@keyframes highlight-pulse{0%,to{box-shadow:0 0 #2ecc7180}50%{box-shadow:0 0 20px 5px #2ecc714d}}.vote-card-compact .vote-rank{position:static;width:36px;height:36px;min-width:36px;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.vote-card-compact .vote-rank span{font-size:var(--font-size-sm);color:#fffc}.vote-card-compact .vote-rank i{width:16px;height:16px}.vote-card-compact .vote-rank.rank-1{background:#f1c40f33}.vote-card-compact .vote-rank.rank-1 i,.vote-card-compact .vote-rank.rank-1 span{color:#f1c40f}.vote-card-compact .vote-rank.rank-2{background:#bdc3c733}.vote-card-compact .vote-rank.rank-2 i,.vote-card-compact .vote-rank.rank-2 span{color:#bdc3c7}.vote-card-compact .vote-rank.rank-3{background:#cd7f3233}.vote-card-compact .vote-rank.rank-3 i,.vote-card-compact .vote-rank.rank-3 span{color:#cd7f32}.city-info-compact{flex:1;min-width:0}.city-info-compact h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-info-compact .city-tagline{font-size:var(--font-size-xs);color:#fff9}.vote-progress-compact{display:flex;flex-direction:column;gap:var(--space-1);min-width:80px}.progress-bar-mini{height:6px;background:#ffffff1a;border-radius:var(--radius-full);position:relative;overflow:hidden}.progress-bar-mini:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress);background:linear-gradient(90deg,var(--color-primary) 0%,#27ae60 100%);border-radius:var(--radius-full)}.vote-count-mini{font-size:var(--font-size-xs);color:#ffffffb3;text-align:center}.btn-vote-compact{padding:var(--space-2) var(--space-3);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.btn-vote-compact:hover{background:var(--color-primary-darker);transform:scale(1.05)}.btn-vote-compact i{width:14px;height:14px}.btn-vote-compact.btn-success{background:var(--color-success)}@media(max-width:640px){.bihar-cities-grid,.jharkhand-cities-grid{grid-template-columns:1fr}.city-search-form{flex-direction:column}.city-suggestions{justify-content:center}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:200px;border-radius:var(--radius-xl)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;opacity:0;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}