.vote-page{color:#fff;background:#000;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.container{width:auto;margin:0 auto;padding:0 1rem}.back-link{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{background:#fbbf2433;transform:translate(-5px)}.category-header-section{background-color:#0000;background-image:linear-gradient(#000000e6,#000c),url(/hero-bg.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:8rem 0 4rem}.category-header-content{grid-template-columns:1fr;gap:3rem;margin-top:2rem;display:grid}@media (min-width:1024px){.category-header-content{grid-template-columns:1fr 400px}}.category-header-main{animation:.8s ease-out fadeInUp}.category-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:2rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;display:inline-block}.category-title{background:linear-gradient(135deg,#fff 30%,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.category-description{color:#cbd5e1;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.category-stats-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem;display:grid}@media (min-width:768px){.category-stats-overview{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;padding:1rem}.stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;display:block}.stat-value.price{color:#fbbf24}.stat-value.status.active{color:#10b981}.stat-value.status.upcoming{color:#f59e0b}.category-action-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid #fbbf2433;border-radius:1.5rem;height:fit-content;padding:2.5rem;animation:.8s ease-out .2s both fadeInUp}.category-action-card h3{color:#fff;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.category-action-card p{color:#cbd5e1;margin-bottom:2rem;line-height:1.6}.action-buttons{flex-direction:column;gap:1rem;display:flex}.action-buttons .btn{justify-content:center;width:100%}.artists-section{background:#000;padding:5rem 0}.artists-filters{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;gap:2rem;margin-bottom:3rem;padding:2rem;display:flex}@media (min-width:768px){.artists-filters{flex-direction:row;justify-content:space-between;align-items:center}}.search-container{flex:1}.search-input-wrapper{max-width:500px;position:relative}.search-icon{color:#9ca3af;font-size:1.125rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{color:#fff;background:#ffffff12;border:1px solid #fff3;border-radius:1rem;width:100%;padding:1rem 3rem;font-size:1rem;transition:all .3s}.search-input:focus{background:#ffffff1a;border-color:#fbbf24;outline:none;box-shadow:0 0 0 3px #fbbf241a}.clear-search{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.clear-search:hover{color:#fff;background:#ffffff1a}.sort-container{align-items:center;gap:1rem;display:flex}.sort-container label{color:#cbd5e1;font-size:.95rem;font-weight:600}.sort-select{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:.75rem;min-width:150px;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.sort-select:focus{border-color:#fbbf24;outline:none;box-shadow:0 0 0 3px #fbbf241a}.sort-select option{color:#fff;background:#1f2937}.artists-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;display:grid}@media (min-width:640px){.artists-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.artists-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.artists-grid{grid-template-columns:repeat(4,1fr)}}.artist-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #ffffff1a;border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.5s ease-out both scaleIn;position:relative;overflow:hidden}.artist-card:before{content:"";background:linear-gradient(90deg,#0000,#fbbf241a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.artist-card:hover{border-color:#fbbf244d;transform:translateY(-8px);box-shadow:0 25px 50px #0006}.artist-card:hover:before{left:100%}.artist-card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.artist-rank{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}.artist-votes{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.vote-icon{font-size:.875rem}.artist-image{justify-content:center;margin-bottom:1.5rem;display:flex}.artist-avatar{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;font-weight:700;transition:transform .3s;display:flex;box-shadow:0 8px 32px #fbbf244d}.artist-card:hover .artist-avatar{transform:scale(1.1)}.artist-info{text-align:center;margin-bottom:2rem}.artist-name{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.artist-fullname{color:#cbd5e1;font-size:.95rem;font-style:italic}.btn-vote-artist{color:#000;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-vote-artist:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.btn-vote-artist.disabled{color:#9ca3af;cursor:not-allowed;opacity:.7;background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-icon{font-size:1.125rem}.artist-card:first-child{animation-delay:.1s}.artist-card:nth-child(2){animation-delay:.15s}.artist-card:nth-child(3){animation-delay:.2s}.artist-card:nth-child(4){animation-delay:.25s}.artist-card:nth-child(5){animation-delay:.3s}.artist-card:nth-child(6){animation-delay:.35s}.artist-card:nth-child(7){animation-delay:.4s}.artist-card:nth-child(8){animation-delay:.45s}.artist-card:nth-child(9){animation-delay:.5s}.artist-card:nth-child(10){animation-delay:.55s}.artist-card:nth-child(11){animation-delay:.6s}.artist-card:nth-child(12){animation-delay:.65s}.no-results{text-align:center;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #fbbf241a;border-radius:1.5rem;grid-column:1/-1;padding:4rem 2rem}.no-results p{color:#cbd5e1;margin:0;font-size:1.125rem}.voting-instructions{background:linear-gradient(135deg,#fbbf240d,#0000);border-top:1px solid #fbbf241a;border-bottom:1px solid #fbbf241a;padding:4rem 0}.voting-instructions h2{text-align:center;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.5rem;font-weight:800}.instructions-grid{grid-template-columns:1fr;gap:2rem;max-width:1000px;margin:0 auto;display:grid}@media (min-width:768px){.instructions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.instructions-grid{grid-template-columns:repeat(4,1fr)}}.instruction{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.instruction:hover{border-color:#fbbf244d;transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.instruction:before{content:"";background:linear-gradient(90deg,#fbbf24,#d97706);height:4px;position:absolute;top:0;left:0;right:0}.instruction-number{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.instruction h4{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.instruction p{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.loading-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:4rem 2rem;display:flex}.loading-spinner{border:4px solid #fbbf244d;border-left-color:#fbbf24;border-radius:50%;width:60px;height:60px;margin-bottom:2rem;animation:1s linear infinite spin}.loading-section p{color:#cbd5e1;font-size:1.125rem;font-weight:500}.error-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:4rem 2rem;display:flex}.error-icon{opacity:.7;margin-bottom:1.5rem;font-size:4rem}.error-section h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.error-message{color:#cbd5e1;max-width:400px;margin-bottom:2rem}.vote-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.vote-modal{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #fbbf2433;border-radius:1.5rem;width:100%;max-width:500px;max-height:90vh;animation:.4s slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vote-modal-header{z-index:10;background:linear-gradient(135deg,#1a1a1a,#111);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.vote-modal-header h2{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.vote-modal-header button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;transition:all .3s;display:flex}.vote-modal-header button:hover{color:#fbbf24;background:#fbbf2433;transform:rotate(90deg)}.vote-modal-content{padding:1.5rem}.vote-step h3{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.vote-count-selector{justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;display:block}.vote-count-selector button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.vote-count-selector button:hover{background:#fbbf2433;border-color:#fbbf244d;transform:scale(1.1)}.vote-count-selector span{color:#fff;text-align:center;min-width:60px;font-size:2rem;font-weight:700}.vote-step p{text-align:center;color:#cbd5e1;margin:1.5rem 0;font-size:1.125rem}.vote-step p strong{color:#fbbf24}.vote-step .btn{width:100%;margin:.5rem 0;padding:1rem;font-weight:700}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);font-weight:700;box-shadow:0 4px 15px #fbbf244d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.btn-outline{color:#fbbf24;background:0 0;border:2px solid #fbbf24;font-weight:600}.btn-outline:hover{color:#000;background:#fbbf24;transform:translateY(-2px);box-shadow:0 8px 25px #fbbf244d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.category-header-section{padding:6rem 0 3rem}.category-title{font-size:2.5rem}.category-description{font-size:1.125rem}.category-stats-overview{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.stat-value{font-size:1.25rem}.artists-filters{flex-direction:column;align-items:stretch}.sort-container{justify-content:space-between}.voting-instructions h2{font-size:2rem}}@media (max-width:480px){.container{padding:0 1rem}.category-title{font-size:2rem}.category-badge{padding:.5rem 1rem;font-size:.75rem}.artist-card{padding:1.5rem}.artist-avatar{width:100px;height:100px;font-size:2rem}.artist-name{font-size:1.25rem}.instruction{padding:1.5rem}.instruction-number{width:40px;height:40px;font-size:1.25rem}.vote-modal{margin:1rem}.search-input-wrapper{max-width:200px;position:relative}}.btn:focus,.artist-card:focus,.search-input:focus,.sort-select:focus,.vote-count-selector button:focus,.back-link:focus{outline-offset:2px;outline:2px solid #fbbf24}.vote-modal::-webkit-scrollbar{width:8px}.vote-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.vote-modal::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:4px}@media (prefers-reduced-motion:reduce){.artist-card,.instruction,.category-action-card,.btn{transition:none;animation:none}.artist-card:hover,.instruction:hover,.btn:hover{transform:none}.artist-card:before,.btn:before{display:none}.loading-spinner{animation:none}}@media print{.vote-page,.category-header-section{color:#000!important;background:#fff!important}.category-title{background:#000!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:#000!important}.artist-card{break-inside:avoid;color:#000!important;background:#f8f9fa!important;border:1px solid #dee2e6!important}.btn,.back-link{display:none!important}}.vote-step-indicator{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;display:flex}.step{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.step-number{color:#9ca3af;z-index:2;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;position:relative}.step.active .step-number{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);transform:scale(1.1);box-shadow:0 4px 12px #fbbf244d}.step.completed .step-number{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.step-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500;transition:all .3s}.step.active .step-label{color:#fbbf24;font-weight:600}.step-line{background:linear-gradient(90deg,#fbbf244d 0%,#ffffff1a 50%,#fbbf244d 100%);border-radius:1px;flex:1;max-width:100px;height:2px;margin:0 .5rem}.vote-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #fbbf2426;border-radius:1.25rem;padding:2rem;transition:all .3s;box-shadow:0 8px 32px #0003}.vote-info-card:hover{border-color:#fbbf244d;box-shadow:0 12px 40px #0000004d}.vote-info-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.artist-avatar-large{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #fbbf2466}.artist-avatar-large:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;animation:3s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.vote-info-details{flex:1}.vote-info-details h4{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.2}.category-name{color:#fbbf24;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;font-weight:600;display:flex}.category-name:before{content:"🏆";font-size:.9rem}.vote-price{color:#cbd5e1;margin:0;font-size:.95rem;font-weight:500}.vote-count-selector{margin-bottom:2rem}.vote-count-selector label{color:#fff;text-align:center;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:block}.vote-count-controls{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.vote-count-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:.875rem;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.vote-count-btn:before{content:"";background:linear-gradient(90deg,#0000,#fbbf244d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.vote-count-btn:hover:not(:disabled):before{left:100%}.vote-count-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#fbbf2466;transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.vote-count-btn:disabled{opacity:.4;cursor:not-allowed}.vote-count-input{color:#fff;text-align:center;background:#ffffff12;border:2px solid #fff3;border-radius:.875rem;flex:0 120px;height:56px;padding:0 1rem;font-size:1.5rem;font-weight:700;transition:all .3s}.vote-count-input:focus{background:#ffffff1a;border-color:#fbbf24;outline:none;box-shadow:0 0 0 4px #fbbf2426}.vote-count-options{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.vote-count-option{color:#cbd5e1;cursor:pointer;text-align:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #ffffff1a;border-radius:2rem;min-width:80px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.vote-count-option:hover{color:#fbbf24;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-color:#fbbf244d;transform:translateY(-2px)}.vote-count-option.active{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#fbbf24;font-weight:700;box-shadow:0 4px 15px #fbbf2466}.vote-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000004d,#0003);border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.summary-row{color:#cbd5e1;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{color:#fff;border-top:2px solid #fbbf244d;margin-top:.75rem;padding-top:.75rem;font-size:1.125rem;font-weight:700}.total-amount{color:#fbbf24;font-size:1rem;font-weight:800}.btn-next{color:#000;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:1.125rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-next:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-next:hover:before{left:100%}.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2480}.btn-icon{font-size:1.25rem;transition:transform .3s}.btn-next:hover .btn-icon{transform:translate(4px)}.payment-methods{margin-bottom:2rem}.payment-methods h4{color:#fff;text-align:center;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.payment-options{flex-direction:column;gap:1rem;display:flex}.payment-option{cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #ffffff26;border-radius:1rem;align-items:center;gap:1.25rem;width:100%;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.payment-option:before{content:"";background:linear-gradient(90deg,#0000,#fbbf241a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.payment-option:hover:before{left:100%}.payment-option:hover{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-color:#fbbf244d;transform:translateY(-3px);box-shadow:0 6px 20px #0003}.payment-option.active{background:linear-gradient(135deg,#fbbf2426,#fbbf241a);border-color:#fbbf24;box-shadow:0 8px 25px #fbbf244d}.payment-icon{background:#ffffff1a;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;transition:all .3s;display:flex}.payment-option.active .payment-icon{background:#fbbf2433;transform:scale(1.05)}.payment-details{flex:1;min-width:0}.payment-title{color:#fff;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.payment-subtitle{color:#cbd5e1;opacity:.9;font-size:.875rem}.payment-check{color:#10b981;opacity:0;font-size:1.5rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform:scale(.8)rotate(-45deg)}.payment-option.active .payment-check{opacity:1;transform:scale(1)rotate(0)}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;margin-bottom:.625rem;font-size:.95rem;font-weight:600;display:block}.form-input{color:#fff;box-sizing:border-box;background:#ffffff12;border:2px solid #ffffff26;border-radius:.875rem;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.form-input::placeholder{color:#9ca3af;opacity:.7}.form-input:focus{background:#ffffff1a;border-color:#fbbf24;outline:none;box-shadow:0 0 0 4px #fbbf2426}.form-group small{color:#9ca3af;margin-top:.375rem;font-size:.75rem;line-height:1.4;display:block}.network-options{gap:.75rem;display:flex}.network-option{color:#cbd5e1;cursor:pointer;text-align:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #ffffff26;border-radius:.75rem;flex:1;padding:.875rem .75rem;font-size:.9rem;font-weight:600;transition:all .3s}.network-option:hover{color:#fbbf24;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-color:#fbbf244d;transform:translateY(-2px)}.network-option.active{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#fbbf24;font-weight:700;box-shadow:0 4px 12px #fbbf244d}.card-icons{gap:.75rem;margin-top:.75rem;display:flex}.card-icon{color:#fff;letter-spacing:.5px;background:#ffffff1a;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s}.card-icon.visa{background:linear-gradient(135deg,#1a1f71,#0f1352);border:1px solid #1a1f714d}.card-icon.mastercard{background:linear-gradient(135deg,#eb001b,#f79e1b);border:1px solid #eb001b4d}.payment-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000004d,#0003);border:1px solid #fbbf2426;border-radius:1.25rem;margin-bottom:2rem;padding:1.75rem}.summary-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.summary-header h5{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.edit-votes-btn{color:#fbbf24;cursor:pointer;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.edit-votes-btn:hover{background:#fbbf2433;border-color:#fbbf244d;transform:translateY(-2px)}.summary-details{flex-direction:column;gap:.875rem;display:flex}.summary-item{color:#cbd5e1;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem;display:flex}.summary-item.total{color:#fff;border-top:2px solid #fbbf244d;margin-top:.875rem;padding-top:.875rem;font-size:1.125rem;font-weight:700}.summary-item.total .amount{color:#fbbf24;font-size:1.5rem;font-weight:800}.alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;align-items:flex-start;gap:.875rem;margin-bottom:1.5rem;padding:1.25rem;animation:.4s cubic-bezier(.68,-.55,.265,1.55) slideIn;display:flex}.alert-error{color:#fca5a5;background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef444440}.alert-success{color:#6ee7b7;background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b98140}.alert-icon{flex-shrink:0;margin-top:.125rem;font-size:1.5rem}.alert span{flex:1;line-height:1.5}.payment-actions{gap:1rem;margin-bottom:1.75rem;display:flex}.payment-actions .btn{border-radius:1rem;flex:1;padding:1rem;font-size:.95rem;font-weight:700}.security-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid #fbbf2433;border-radius:1rem;justify-content:center;align-items:center;gap:.875rem;padding:1.25rem;display:flex}.security-icon{color:#fbbf24;flex-shrink:0;font-size:1.5rem}.security-text{color:#cbd5e1;flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.voting-disabled{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:1.5rem;padding:3rem 2rem}.disabled-icon{opacity:.5;margin-bottom:1.75rem;font-size:5rem;animation:2s ease-in-out infinite pulse}.voting-disabled h3{color:#fff;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.voting-disabled p{color:#cbd5e1;max-width:400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}@keyframes successPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.alert-success .alert-icon{animation:1.5s ease-in-out infinite successPulse}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.vote-step-content{padding:1rem;transition:all .3s}.vote-step{animation:.4s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.vote-modal{border-radius:1.25rem;margin:.5rem}.vote-modal-header{padding:1.25rem}.vote-modal-title{font-size:1.25rem}.vote-step-content{padding:1.25rem}.vote-info-card{padding:1.5rem}.vote-info-header{text-align:center;flex-direction:column;gap:1rem}.artist-avatar-large{width:70px;height:70px;font-size:1.75rem}.vote-count-controls{gap:.5rem}.vote-count-btn{width:42px;height:42px;font-size:1.5rem}.vote-count-input{height:50px;font-size:1.375rem}.payment-option{gap:1rem;padding:1rem}.payment-icon{width:48px;height:48px;font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.payment-actions,.network-options{flex-direction:column}.vote-count-options{gap:.5rem}.vote-count-option{min-width:70px;padding:.625rem 1.25rem;font-size:.5rem}}@media (min-width:768px) and (max-width:1024px){.vote-modal{max-width:600px}.payment-option{padding:1.5rem}.vote-count-input{flex:0 150px}}.vote-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#d97706)}.vote-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d97706,#fbbf24)}.btn-vote-artist:hover .btn-icon{transform:translateY(-1px)}.payment-option:hover .payment-icon{transform:scale(1.05)}.network-option:hover{box-shadow:0 4px 12px #fbbf2433}@keyframes successGlow{0%{box-shadow:0 0 20px #10b9811a}to{box-shadow:0 0 30px #10b98133}}.alert-error{animation:.5s ease-in-out errorShake}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.vote-modal-overlay{-webkit-backdrop-filter:blur(10px)}@media print{.vote-modal{color:#000!important;box-shadow:none!important;background:#fff!important;border:2px solid #000!important}.vote-modal-header,.vote-step-content,.payment-form{border-color:#000!important}.vote-modal-title{color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important}.form-input,.btn{color:#000!important;background:#fff!important;border:1px solid #000!important}}@media (prefers-reduced-motion:reduce){.vote-modal,.vote-step,.payment-option,.vote-count-btn,.btn,.alert,.payment-check,.step-number,.artist-avatar-large:before,.btn-next:before,.payment-option:before,.vote-count-btn:before{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.vote-modal,.form-input,.btn{border:2px solid #fff}}@media (prefers-reduced-transparency:reduce){.vote-modal-overlay{-webkit-backdrop-filter:none;background:#000000f2}.vote-info-card,.payment-summary,.alert,.security-notice,.voting-disabled{-webkit-backdrop-filter:none;backdrop-filter:none}}.card-info-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633;border-radius:1rem;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.25rem;animation:.5s ease-out slideInUp;display:flex}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notice-icon{color:#3b82f6;flex-shrink:0;margin-top:.25rem;font-size:1.5rem}.notice-content{flex:1}.notice-content p{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.5}.notice-content p:first-child{color:#fff;margin-bottom:.5rem;font-weight:600}.notice-small{opacity:.8;font-size:.85rem}.redirecting-message{color:#86efac;border-top:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;font-size:.9rem;font-weight:500;display:flex}.redirecting-spinner{border:2px solid #86efac4d;border-top-color:#86efac;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.form-input:invalid{background:#ef44440d;border-color:#ef4444}.form-input:focus:invalid{box-shadow:0 0 0 4px #ef444426}.form-group label:after{content:" *";color:#ef4444;opacity:.7}.form-group label:not([for=phoneNumber]):after{content:""}@media (max-width:480px){.card-info-notice{text-align:center;flex-direction:column;align-items:center;padding:1rem}.notice-icon{margin-top:0}.redirecting-message{text-align:center;flex-direction:column;gap:.5rem}}.payment-option.active.card-option{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-color:#3b82f6}.payment-option.active.card-option .payment-icon{background:#3b82f633}.payment-form{animation:.3s ease-out fadeIn}.btn.btn-primary:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{vertical-align:middle;border:2px solid #0000001a;border-left-color:#000;border-radius:50%;width:18px;height:18px;margin-right:.75rem;animation:1s linear infinite spin;display:inline-block}.alert-success{animation:2s infinite pulseSuccess}@keyframes pulseSuccess{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.artist-actions{gap:.75rem;margin-top:1rem;display:flex}.btn-share-artist{color:#e5e7eb;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .3s;display:flex}.btn-share-artist:hover{color:#3b82f6;background:#3b82f633;border-color:#3b82f64d;transform:translateY(-2px)}.artist-highlight-indicator{color:#000;text-align:center;z-index:5;background:linear-gradient(135deg,#fbbf24e6,#d97706cc);border-radius:1rem 1rem 0 0;padding:.75rem;font-size:.875rem;font-weight:700;animation:2s infinite pulse;position:absolute;top:0;left:0;right:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.artist-card.highlighted{border:2px solid #fbbf24;position:relative;transform:scale(1.02);box-shadow:0 0 30px #fbbf2466}.highlight-text{justify-content:center;align-items:center;gap:.5rem;display:flex}.share-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.share-modal{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #fbbf2433;border-radius:1.5rem;width:100%;max-width:500px;max-height:90vh;animation:.4s slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.share-modal-header{z-index:10;background:linear-gradient(135deg,#1a1a1a,#111);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.share-modal-title{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.share-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;transition:all .3s;display:flex}.share-modal-close:hover{color:#fbbf24;background:#fbbf2433;transform:rotate(90deg)}.share-content{padding:1.5rem}.share-artist-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.share-artist-avatar{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.share-artist-details h4{color:#fff;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.share-category{color:#fbbf24;margin:0;font-size:.95rem;font-weight:600}.share-url-container{margin-bottom:1.5rem}.share-url-input{align-items:center;gap:.5rem;display:flex}.url-input{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border:1px solid #fff3;border-radius:.75rem;flex:1;padding:.875rem 1rem;font-size:.9rem;overflow:hidden}.copy-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:.75rem;min-width:80px;padding:.875rem 1.5rem;font-weight:600;transition:all .3s}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.copy-btn.copied{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.share-platforms{margin-bottom:1.5rem}.share-platforms-title{color:#fff;text-align:center;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.share-buttons-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.share-button-wrapper{display:flex}.share-platform-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:none;border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:100px;padding:1.5rem .75rem;transition:all .3s;display:flex;position:relative}.share-platform-btn:hover{background:#fbbf241a;border-color:#fbbf244d;transform:translateY(-2px)}.copy-link-btn{background:#3b82f61a;border-color:#3b82f633}.copy-link-btn:hover{background:#3b82f633}.sms-btn{background:#10b9811a;border-color:#10b98133}.sms-btn:hover{background:#10b98133}.share-icon{margin-bottom:.5rem;font-size:2rem}.share-icon.facebook,.share-icon.twitter,.share-icon.whatsapp,.share-icon.email{font-size:0}.share-label{text-align:center;font-size:.875rem;font-weight:600}.copy-indicator{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;animation:.3s popIn;display:flex;position:absolute;top:.5rem;right:.5rem}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.share-tips{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.tip-icon{color:#fbbf24;flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.tip-text{color:#cbd5e1;margin:0;font-size:.875rem;line-height:1.4}.share-modal::-webkit-scrollbar{width:8px}.share-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.share-modal::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:4px}.share-modal::-webkit-scrollbar-thumb:hover{background:#fbbf24b3}@media (max-width:480px){.share-modal{border-radius:1rem}.share-modal-header{padding:1.25rem}.share-modal-title{font-size:1.25rem}.share-content{padding:1.25rem}.share-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.share-platform-btn{min-height:90px;padding:1rem .5rem}.share-icon{font-size:1.75rem}.share-label{font-size:.8rem}.share-artist-info{text-align:center;flex-direction:column;padding:1rem}.share-artist-details{text-align:center}.share-url-input{flex-direction:column}.url-input,.copy-btn{width:100%}.artist-actions{flex-direction:column}}@media (max-width:360px){.share-buttons-grid{grid-template-columns:1fr}}.ussd-voting-info{margin:2rem 0}.ussd-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:1px solid #fff3;border-radius:1.5rem;padding:2rem;transition:all .4s;box-shadow:0 20px 40px #10b9814d}.ussd-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #10b98166}.ussd-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.ussd-icon-container{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.ussd-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem}.ussd-title-section{flex:1}.ussd-title{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.ussd-subtitle{color:#ffffffe6;margin:0;font-size:.95rem}.ussd-instructions{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.ussd-instructions{grid-template-columns:1fr}}.instruction-step{background:#0003;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;display:flex}.step-number{color:#000;background:#fbbf24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.step-text{color:#fff;font-size:.95rem;font-weight:500}.ussd-code-display{color:#fbbf24;background:#0000004d;border:1px solid #fbbf244d;border-radius:.5rem;padding:.25rem .75rem;font-family:Courier New,monospace;font-weight:700}.ussd-benefits{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.benefit-item{flex:1;align-items:center;gap:.5rem;min-width:120px;display:flex}.benefit-icon{color:#fbbf24;font-size:1.125rem}.benefit-text{color:#ffffffe6;font-size:.875rem;font-weight:500}.ussd-quick-info{background:#10b9811a;border:1px solid #10b98133;border-radius:1rem;margin-bottom:1.5rem;padding:1rem}.ussd-quick-code{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.quick-label{color:#cbd5e1;font-size:.875rem;font-weight:600}.quick-code{color:#fbbf24;flex:1;font-family:Courier New,monospace;font-size:1.125rem;font-weight:700}.copy-ussd-btn.small{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .3s;display:flex}.copy-ussd-btn.small:hover{background:#ffffff4d;transform:scale(1.1)}.ussd-quick-note{color:#ffffffb3;text-align:center;margin:0;font-size:.75rem}.ussd-info-bar{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #fff3;border-radius:1rem;margin-bottom:2rem;padding:1rem 1.5rem;animation:.5s ease-out slideInDown;box-shadow:0 8px 32px #10b9814d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ussd-info-content{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ussd-info-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.5rem}.ussd-info-text{color:#fff;flex:1;font-weight:500}.ussd-info-text code{color:#fbbf24;background:#0000004d;border:1px solid #fbbf244d;border-radius:.5rem;margin:0 .25rem;padding:.25rem .75rem;font-family:Courier New,monospace;font-weight:700}.ussd-info-copy{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.ussd-info-copy:hover{background:#ffffff4d;transform:translateY(-2px)}.artist-voting-code{background:#3b82f61a;border:1px solid #3b82f633;border-radius:1rem;margin:1rem 0;padding:1rem}.code-display{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.code-wrapper{background:#0000004d;border:1px solid #3b82f64d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.code-value{color:#3b82f6;font-family:Courier New,monospace;font-size:1.125rem;font-weight:700}.copy-code-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;transition:all .3s;display:flex}.copy-code-btn:hover{background:#ffffff4d;transform:scale(1.1)}.ussd-voting-instructions{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:1.5rem;margin-bottom:3rem;padding:2rem}.ussd-instruction-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.ussd-instruction-icon{color:#10b981;font-size:2rem}.ussd-instruction-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.ussd-instruction-steps{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (max-width:768px){.ussd-instruction-steps{grid-template-columns:1fr;align-items:center}}.ussd-step{align-items:flex-start;gap:1rem;display:flex}.ussd-step-number{color:#000;background:#fbbf24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.ussd-step-content{flex:1}.ussd-step-content h4{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.ussd-step-content p{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.5}.ussd-code-large{color:#fbbf24;background:#0000004d;border:1px solid #fbbf244d;border-radius:.5rem;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:1.125rem;font-weight:700}.ussd-tips{border-top:1px solid #ffffff1a;flex-direction:column;gap:1rem;padding-top:1.5rem;display:flex}.tip-item{align-items:center;gap:.75rem;display:flex}.tip-icon{color:#fbbf24;flex-shrink:0;font-size:1.125rem}.tip-text{color:#cbd5e1;font-size:.95rem}.artist-code-share{background:#3b82f61a;border:1px solid #3b82f633;border-radius:1rem;margin-top:1rem;padding:1rem}.code-badge{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.code-icon{color:#3b82f6;font-size:1rem}.code-label{color:#cbd5e1;font-size:.875rem;font-weight:600}.artist-code-value{color:#3b82f6;background:#0000004d;border:1px solid #3b82f64d;border-radius:.5rem;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:1.125rem;font-weight:700}.code-instruction{color:#ffffffb3;text-align:center;margin:0;font-size:.75rem}.code-instruction strong{color:#fbbf24}@media (max-width:768px){.ussd-card{padding:1.5rem}.ussd-header{text-align:center;flex-direction:column;gap:1rem}.ussd-title-section{text-align:center}.ussd-quick-code{flex-direction:column;align-items:stretch;gap:.5rem}.quick-code{text-align:center}.copy-ussd-btn.small{width:100%}.ussd-info-content{text-align:center;flex-direction:column;gap:.75rem}.ussd-info-copy{width:100%}.code-display{flex-direction:column;align-items:stretch;gap:.5rem}.code-wrapper{justify-content:center}.ussd-instruction-header{text-align:center;flex-direction:column}}@media (max-width:480px){.ussd-card{border-radius:1rem;margin:auto;padding:1.25rem}.ussd-title{font-size:1.25rem}.instruction-step{padding:.75rem}.step-text{font-size:.875rem}.artist-voting-code{padding:.75rem}.code-value{font-size:1rem}.ussd-voting-instructions{padding:1.5rem}.ussd-step{text-align:center;flex-direction:column;align-items:center}.ussd-step-content{text-align:center}}@keyframes pulseUssd{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.ussd-card{animation:3s infinite pulseUssd}@keyframes highlightCode{0%,to{background-color:#3b82f61a;border-color:#3b82f633}50%{background-color:#3b82f633;border-color:#3b82f64d}}.artist-voting-code{animation:2s infinite highlightCode}.copy-ussd-btn:focus,.copy-code-btn:focus,.ussd-info-copy:focus{outline-offset:2px;outline:2px solid #fbbf24}@media print{.ussd-card,.ussd-info-bar,.ussd-quick-info,.artist-voting-code,.ussd-voting-instructions{display:none!important}}@media (prefers-reduced-motion:reduce){.ussd-card,.artist-voting-code,.ussd-info-bar{animation:none}.copy-ussd-btn:hover,.copy-code-btn:hover,.ussd-info-copy:hover{transform:none}}@media (prefers-color-scheme:dark){.ussd-card{box-shadow:0 20px 40px #00000080}.ussd-info-bar{box-shadow:0 8px 32px #0006}}.voting-end-countdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid #fbbf2433;border-radius:1.5rem;margin:2rem 0;padding:2rem;animation:.5s ease-out slideInUp}.countdown-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.countdown-icon{font-size:2.5rem;animation:2s infinite pulse}.countdown-title-group{flex:1}.countdown-title{color:#fff;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.countdown-subtitle{color:#cbd5e1;margin:0;font-size:.95rem}.countdown-timer{background:#0000004d;border:1px solid #fbbf244d;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem 0;padding:1.5rem;display:flex}.countdown-item{text-align:center;min-width:70px;padding:.5rem}.countdown-value{color:#fbbf24;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #fbbf2466;margin-bottom:.25rem;font-size:2.5rem;font-weight:800;line-height:1;animation:1s infinite pulseDigit}@keyframes pulseDigit{0%,to{opacity:1}50%{opacity:.8}}.countdown-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:500}.countdown-separator{color:#fbbf24;margin:0 .25rem;font-size:2rem;font-weight:700;animation:2s infinite pulse}.countdown-progress{margin:1.5rem 0}.progress-label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fbbf24,#d97706);border-radius:4px;height:100%;transition:width .5s}.progress-info{color:#9ca3af;justify-content:space-between;font-size:.75rem;display:flex}.countdown-message{text-align:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:1rem;margin-top:1.5rem;padding:1rem}.countdown-message p{color:#fbbf24;margin:0;font-size:.95rem;font-weight:600}.voting-ended-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:1.5rem;margin:2rem 0;padding:1.5rem}.voting-ended-content{align-items:center;gap:1rem;display:flex}.voting-ended-icon{color:#ef4444;font-size:2rem}.voting-ended-text{flex:1}.voting-ended-text strong{color:#fff;margin-bottom:.25rem;font-size:1.25rem;display:block}.voting-ended-text span{color:#fca5a5;font-size:.95rem}.voting-deadline-banner{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid #fbbf2433;border-radius:1rem;margin-bottom:2rem;padding:1rem 1.5rem;animation:.5s ease-out slideInDown}.deadline-banner-content{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.deadline-icon{color:#fbbf24;font-size:1.5rem}.deadline-text{flex:1}.deadline-text strong{color:#fff;margin-bottom:.25rem;font-size:1rem;display:block}.deadline-text span{color:#cbd5e1;font-size:.875rem}.deadline-countdown{background:#fbbf2433;border:1px solid #fbbf244d;border-radius:2rem;padding:.5rem 1rem}.deadline-countdown .countdown-value{color:#fbbf24;white-space:nowrap;font-size:.875rem;font-weight:700}.voting-deadline-warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid #fbbf2433;border-radius:1.5rem;margin-bottom:3rem;padding:2rem}.warning-icon{color:#fbbf24;text-align:center;margin-bottom:1rem;font-size:3rem;animation:2s infinite pulse}.warning-content{text-align:center}.warning-content h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.warning-content p{color:#cbd5e1;margin-bottom:1rem;font-size:1.125rem;line-height:1.6}.warning-content strong{color:#fbbf24}.warning-note{font-weight:600;color:#fbbf24!important;margin-top:1rem!important;font-size:1rem!important}.final-call-to-action{text-align:center;background:linear-gradient(135deg,#fbbf2426,#d977061a);border:1px solid #fbbf244d;border-radius:1.5rem;margin-top:3rem;padding:3rem 2rem;position:relative;overflow:hidden}.final-call-to-action:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fbbf24' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.call-to-action-content{z-index:2;position:relative}.call-to-action-content h3{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:800}.call-to-action-content p{color:#cbd5e1;max-width:600px;margin:0 auto 2rem;font-size:1.125rem;line-height:1.6}.btn-large{border-radius:1rem;padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;animation:2s infinite pulse}.voting-deadline-info{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:1rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.deadline-icon{color:#fbbf24;flex-shrink:0;font-size:1.5rem}.deadline-content{flex:1}.deadline-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem}.deadline-date{color:#fff;font-size:.95rem;font-weight:600}.stat-item .date{color:#fbbf24}@media (max-width:768px){.voting-end-countdown{padding:1.5rem}.countdown-timer{gap:.25rem;padding:1rem}.countdown-item{min-width:60px}.countdown-value{font-size:2rem}.countdown-separator{font-size:1.5rem}.deadline-banner-content{text-align:center;flex-direction:column;gap:.75rem}.voting-deadline-warning{padding:1.5rem}.warning-content h3{font-size:1.25rem}.warning-content p{font-size:1rem}.final-call-to-action{padding:2rem 1.5rem}.call-to-action-content h3{font-size:1.5rem}.btn-large{width:100%;max-width:300px}}@media (max-width:480px){.voting-end-countdown{padding:1.25rem}.countdown-timer{flex-wrap:wrap;justify-content:space-around}.countdown-separator{display:none}.countdown-item{min-width:70px}.countdown-value{font-size:1.75rem}.countdown-header{text-align:center;flex-direction:column;gap:.75rem}.countdown-title{font-size:1.25rem}.voting-deadline-info{text-align:center;flex-direction:column;gap:.75rem}}@media (prefers-reduced-motion:reduce){.voting-end-countdown,.voting-deadline-banner,.final-call-to-action,.countdown-value,.countdown-separator,.warning-icon,.countdown-icon,.btn-large{animation:none}.progress-fill{transition:none}}.voting-end-countdown:focus-within,.voting-deadline-banner:focus-within,.final-call-to-action:focus-within{outline-offset:2px;outline:2px solid #fbbf24}@media print{.voting-end-countdown,.voting-deadline-banner,.voting-deadline-warning,.final-call-to-action,.voting-deadline-info{display:none!important}}