.vote-container{max-width:800px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 10px 30px #0000001a;font-family:"Exo 2",sans-serif;text-align:center}.turnstile-container{width:0;height:0;overflow:hidden;margin:0;padding:0}.user-id-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#2d3748;padding:2rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0}.user-id-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#2d3748}.user-id-input-group{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}.user-id-input-group h2{margin:0;width:100%}.user-id-input-group>div{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.user-id-input{flex:1;min-width:200px;padding:.75rem 1rem;border:none;border-radius:10px;font-size:1rem;background:#ffffffe6;color:#2c3e50;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.user-id-input:focus{outline:none;background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.register-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #22c55e4d;text-transform:uppercase;letter-spacing:.5px}.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.message-text{text-align:center;margin-bottom:1rem;color:#4a5568;font-weight:500}.user-id-button{padding:.75rem 2rem;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3182ce4d}.user-id-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3182ce66}.user-id-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #a0aec04d}.register-btn:active{transform:translateY(0)}.message-display{text-align:center;padding:1rem;margin:1rem 0;border-radius:10px;font-weight:500;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.message-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.message-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.message-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #3b82f6}.voting-instructions{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:15px;border-left:5px solid #f59e0b}.voting-instructions p{font-size:1.1rem;font-weight:600;color:#92400e;margin:0}.voting-title{font-size:1.2rem;font-weight:600;color:#1e293b;text-align:center;margin:1rem 0;padding:1rem 1.5rem;background:linear-gradient(135deg,#e0f2fe,#bae6fd,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 12px #0ea5e926;position:relative;overflow:hidden;line-height:1.5;letter-spacing:.3px;transition:all .3s ease}.voting-title:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.voting-title:hover:before{left:100%}.voting-title:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e933;border-color:#0284c7}.voting-categories{display:grid;gap:1.5rem}.voting-category{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border:2px solid transparent}.voting-category:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#e2e8f0}.voting-category h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.voting-category p{color:#64748b;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.category-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;background:#fff;color:#2c3e50;transition:all .3s ease;cursor:pointer}.category-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:.6}.category-select option{padding:.5rem;background:#fff;color:#2c3e50}.submit-section{text-align:center;margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:15px;box-shadow:0 8px 25px #1e293b4d}.submit-button,.submit-btn{margin-top:2rem;padding:1rem 3rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #3b82f64d;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.submit-button:before,.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-button:hover:before,.submit-btn:hover:before{left:100%}.submit-button:hover,.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3b82f666}.submit-button:active,.submit-btn:active{transform:translateY(-1px)}.submit-button:disabled,.submit-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.submit-button:disabled:before,.submit-btn:disabled:before{display:none}@media (max-width: 768px){.vote-container{margin:1rem;padding:1.5rem;border-radius:15px}.user-id-input-group{flex-direction:column;align-items:stretch}.user-id-input{min-width:auto;margin-bottom:1rem}.register-btn{width:100%}.voting-category{padding:1rem}.voting-category h3{font-size:1.1rem}.submit-button,.submit-btn{padding:.875rem 2rem;font-size:1rem}.voting-title{font-size:1.1rem;padding:.875rem 1.25rem;margin:.75rem 0;letter-spacing:.2px}.vote-success-screen{padding:2rem 1.5rem;margin:.5rem}.success-title{font-size:2rem}.success-icon{font-size:3rem}.success-message{font-size:1.1rem}}@media (max-width: 480px){.vote-container{margin:.5rem;padding:1rem}.user-id-section{padding:1.5rem}.user-id-section h2{font-size:1.3rem}.voting-instructions p,.voting-category h3{font-size:1rem}.category-select{padding:.625rem .875rem;font-size:.95rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.voting-category{animation:slideInUp .6s ease forwards}.voting-category:nth-child(1){animation-delay:.1s}.voting-category:nth-child(2){animation-delay:.2s}.voting-category:nth-child(3){animation-delay:.3s}.voting-category:nth-child(4){animation-delay:.4s}.voting-category:nth-child(5){animation-delay:.5s}.voting-category:nth-child(6){animation-delay:.6s}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-btn:focus,.submit-button:focus,.submit-btn:focus,.user-id-input:focus,.category-select:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.vote-container{border:2px solid #000}.voting-category{border:1px solid #000}.category-select{border:2px solid #000}}.vote-success-screen{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px;margin:0 auto;border:2px solid #22d3ee}.success-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounceIn .8s ease-out}.success-title{font-size:2.5rem;font-weight:800;color:#0c4a6e;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(12,74,110,.1)}.success-message{font-size:1.2rem;color:#164e63;line-height:1.6;margin-bottom:2rem;font-weight:500}.success-details{background:#fffc;padding:1.5rem;border-radius:15px;margin:2rem 0;border:1px solid #a7f3d0}.success-details p{margin:.5rem 0;font-size:1rem;color:#065f46}.success-details strong{color:#047857;font-weight:600}.back-button{padding:1rem 2rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6b72804d;margin-top:1rem}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066;background:linear-gradient(135deg,#4b5563,#374151)}.back-button:active{transform:translateY(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.vote-success-screen{animation:slideInFromBottom .6s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.voting-category,.register-btn,.submit-button,.submit-btn,.user-id-input,.category-select,.voting-title{transition:none;animation:none}.submit-btn:before{display:none}.success-icon,.vote-success-screen{animation:none}}