:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:#646cff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--text-primary: #1e293b;--text-secondary: #334155;--text-muted: #64748b;--border-color: #e2e8f0;--border-hover: #cbd5e0;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--error-bg: #fee2e2;--error-text: #b91c1c;--text-admin: #9333ea}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--card-bg: #1e293b;--card-border: rgba(255, 255, 255, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .2);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #334155;--border-hover: #475569;--error-bg: #7f1d1d;--error-text: #fca5a5;--text-admin: #e2e8f0;--text-adminhover: #9333ea}}.navbar{background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:1px solid var(--border-color)}.navbar-container{max-width:100%;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:70px;position:relative}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.navbar-links{display:flex;gap:1.5rem;align-items:center;margin-left:auto}.nav-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:all .2s ease;color:var(--text-secondary)}.nav-link svg{font-size:1.1rem}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary);border-radius:2px}.navbar-auth{display:flex;align-items:center;gap:1rem}.btn-login{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-login:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 5px #2563eb4d}.nav-link[href="/admin"]{color:var(--text-admin)}.nav-link[href="/admin"]:hover,.nav-link[href="/admin"].active{color:var(--text-adminhover);opacity:.9}.nav-link[href="/admin"].active:after{background-color:var(--text-adminhover)}.profile-section{position:relative}.profile-toggle{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--border-color);transition:all .2s ease}.profile-toggle:hover{border-color:var(--primary)}.profile-picture{width:100%;height:100%;object-fit:cover}.profile-icon{font-size:24px;color:var(--text-muted)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;margin-left:auto}.mobile-menu-button .icon{display:block;width:24px;height:2px;background-color:var(--text-primary);position:relative;transition:all .3s ease}.mobile-menu-button .icon:before,.mobile-menu-button .icon:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-primary);transition:all .3s ease}.mobile-menu-button .icon:before{transform:translateY(-6px)}.mobile-menu-button .icon:after{transform:translateY(6px)}.mobile-menu-button.active .icon{background-color:transparent}.mobile-menu-button.active .icon:before{transform:rotate(45deg)}.mobile-menu-button.active .icon:after{transform:rotate(-45deg)}@media (max-width: 768px){.navbar-container{padding:0 1rem;justify-content:space-between}.mobile-menu-button{display:block}.navbar-brand{order:2;margin-left:0;position:absolute;left:50%;transform:translate(-50%)}.navbar-links{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:1rem;box-shadow:0 4px 6px #0000001a;transform:translateY(-150%);opacity:0;transition:all .3s ease;z-index:999;gap:.5rem;border-bottom:1px solid var(--border-color)}.navbar-links.active{transform:translateY(0);opacity:1}.nav-link{width:100%;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.nav-link:last-child{border-bottom:none}.navbar-auth{display:none}.mobile-auth{display:flex;flex-direction:column;width:100%;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:.5rem}.mobile-auth .btn-login{width:100%;justify-content:center}.mobile-auth .profile-section{width:100%;display:flex;justify-content:center}}.profile-dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--card-shadow);width:240px;z-index:1002;border:1px solid var(--border-color);overflow:hidden;animation:fadeIn .2s ease;margin-top:10px}.profile-dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--card-shadow);width:240px;z-index:1000;border:1px solid var(--border-color);overflow:hidden;animation:fadeIn .2s ease;margin-top:10px}.dropdown-header{padding:1rem;border-bottom:1px solid var(--border-color)}.dropdown-header strong{display:block;font-size:1rem;color:var(--text-primary)}.dropdown-header p{font-size:.875rem;color:var(--text-muted);margin:0}.dropdown-body{padding:.5rem}.dropdown-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;border:none;background:none;cursor:pointer;font-size:.9rem;border-radius:6px;color:var(--text-secondary);transition:all .2s ease}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item.logout-btn{color:var(--danger)}.error-message{color:var(--danger);font-size:.8rem;padding:0 1rem .5rem}.dropdown-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1001;display:none}.dropdown-overlay.active{display:block}@media (max-width: 768px){.profile-dropdown{width:50%;border-radius:12px 12px 0 0;margin-top:0;transform:translateY(100%);animation:slideUp .3s ease forwards;max-width:100vw;box-shadow:0 -4px 20px #00000026;z-index:1002}.navbar-links{z-index:1000}.dropdown-overlay{z-index:1001}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.footer{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:3rem 0 0;position:relative;overflow:hidden;padding-bottom:50px}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(24,144,255,.1) 0%,transparent 40%);z-index:0}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.footer-brand{max-width:400px}.footer-brand span{font-size:1.8rem;font-weight:700;color:#fff;display:block;margin-bottom:1rem;position:relative;display:inline-block}.footer-brand span:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:3px;background-color:#1890ff;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.65,0,.35,1)}.footer-brand:hover span:after{transform:scaleX(1);transform-origin:left}.footer-brand p{color:#a0aec0;line-height:1.6;transition:all .3s ease}.footer-brand:hover p{color:#fff;transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#a0aec0;font-size:.9rem}.footer-bottom p{margin:0;transition:color .3s ease}.footer-bottom:hover p{color:#fff}.footer-lang{display:flex;align-items:center;gap:.5rem;position:relative}.footer-lang i{color:#a0aec0;transition:color .3s ease}.footer-lang:hover i{color:#1890ff}.footer-lang select{background-color:transparent;color:#a0aec0;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.4rem 1rem .4rem .5rem;cursor:pointer;appearance:none;transition:all .3s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.footer-lang select:hover{border-color:#1890ff80;color:#fff}.footer-lang select:focus{outline:none;border-color:#1890ff;color:#fff;box-shadow:0 0 0 2px #1890ff33}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.footer:hover .footer-brand span{animation:float 3s ease-in-out infinite}@media (max-width: 768px){.footer-grid{flex-direction:column;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-lang{justify-content:center}}.auth-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.auth-modal-content{background-color:var(--bg-secondary);padding:2.5rem;border-radius:16px;width:100%;max-width:450px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;animation:slideUp .4s cubic-bezier(.18,.89,.32,1.28);overflow-y:auto;scrollbar-width:none;border:1px solid var(--border-color)}.auth-modal-content::-webkit-scrollbar{display:none}.close-button{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-muted);transition:all .2s ease;line-height:1;padding:.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{background-color:var(--bg-tertiary);color:var(--danger);transform:rotate(90deg)}.auth-modal-content h2{margin-bottom:2rem;color:var(--text-primary);text-align:center;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.85rem 1rem;border:2px solid var(--border-color);border-radius:10px;font-size:.95rem;transition:all .3s;background-color:var(--bg-tertiary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;background-color:var(--bg-secondary)}.password-input-wrapper{position:relative}.password-toggle-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);font-size:1.3rem;transition:color .2s;background:none;border:none;padding:.5rem}.password-toggle-icon:hover{color:var(--primary)}.location-input-group{display:flex;gap:.5rem}.location-input-group input{flex:1}.location-btn{padding:.8rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;height:100%}.location-btn:hover{background-color:var(--primary-light);color:var(--primary-dark);border-color:var(--primary-light)}.location-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn{width:100%;padding:1rem;background-color:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:.5rem;box-shadow:0 4px 6px #3b82f61a}.submit-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 8px #3b82f633}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background-color:var(--text-muted);transform:none;box-shadow:none;cursor:not-allowed}.error-message{color:var(--danger);background-color:var(--error-bg);padding:.8rem 1rem;border-radius:10px;font-size:.9rem;text-align:center;margin:1.5rem 0;border-left:4px solid var(--danger);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.toggle-auth{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.95rem}.toggle-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;margin-left:.5rem;padding:.3rem .6rem;border-radius:6px;transition:all .2s;font-size:.95rem}.toggle-btn:hover{background-color:#3b82f61a}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (max-width: 480px){.auth-modal-content{padding:1.8rem;margin:0 1rem;border-radius:12px}.auth-modal-content h2{font-size:1.5rem}.location-input-group{flex-direction:column}.location-btn{padding:.6rem;width:100%}}.submit-btn.loading{position:relative;color:transparent}.submit-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}:root{--primary: #4361ee;--primary-dark: #3a56d4;--primary-light: #6c7ff2;--primary-lighter: rgba(67, 97, 238, .1);--secondary: #3f37c9;--tertiary: #4895ef;--success: #4cc9f0;--danger: #f72585;--warning: #f8961e;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-accent: var(--primary);--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .08);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--card-shadow-hover: 0 10px 25px rgba(0, 0, 0, .15);--border-color: #e2e8f0;--border-hover: #cbd5e0;--overlay-bg: rgba(0, 0, 0, .6);--transition-speed: .3s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--card-bg: #1e293b;--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 6px rgba(0, 0, 0, .3);--card-shadow-hover: 0 10px 25px rgba(0, 0, 0, .4);--border-color: #334155;--border-hover: #475569;--overlay-bg: rgba(0, 0, 0, .8);--primary-lighter: rgba(67, 97, 238, .2)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:all var(--transition-speed) var(--transition-easing);overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.highlight{color:var(--primary);position:relative;display:inline-block}.highlight-1{color:var(--primary)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);animation:slideInUp .8s var(--transition-easing) forwards}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.2rem);max-width:600px;margin:0 auto;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;font-size:1rem;text-decoration:none;transition:all var(--transition-speed) var(--transition-easing);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;white-space:nowrap}.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 var(--transition-speed) var(--transition-easing)}.btn:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),#2563eb);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.crt-btn-outline{background-color:transparent;border:1px solid var(--primary);padding:8px 16px;border-radius:4px;color:var(--primary);border-color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crt-btn-outline:hover{color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.live{background-color:var(--danger);color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;transition:all var(--transition-speed) var(--transition-easing)}.hero{padding:clamp(4rem,8vw,8rem) 0 clamp(3rem,6vw,6rem);background:var(--bg-gradient);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-25%;width:50%;height:200%;background:radial-gradient(circle,var(--primary-lighter) 0%,transparent 70%);z-index:0;animation:floatRight 6s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-15%;width:30%;height:100%;background:radial-gradient(circle,rgba(72,149,239,.1) 0%,transparent 70%);z-index:0;animation:floatLeft 8s ease-in-out infinite}@keyframes floatRight{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatLeft{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(-3deg)}}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);position:relative;z-index:1}.hero-content{opacity:0;transform:translate(-50px);animation:slideInLeft 1s var(--transition-easing) .2s forwards}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;line-height:1.2;font-weight:800;color:var(--text-primary)}.hero .subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.stats-section{padding:clamp(3rem,6vw,6rem) 0;background-color:var(--bg-primary);position:relative}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{background:var(--card-bg);border-radius:1rem;padding:2rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden;transition:all var(--transition-speed) var(--transition-easing);opacity:0;transform:translateY(30px);animation:slideInUp .6s var(--transition-easing) forwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-lighter),transparent);transition:left var(--transition-speed) var(--transition-easing)}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--card-shadow-hover);border-color:var(--primary)}.stat-icon{width:64px;height:64px;border-radius:1rem;background:var(--primary-lighter);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;transition:all var(--transition-speed) var(--transition-bounce)}.stat-card:hover .stat-icon{background:var(--primary);color:#fff;transform:rotate(10deg) scale(1.1)}.number{display:block;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2;margin-bottom:.3rem;background:linear-gradient(135deg,var(--primary),var(--tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;counter-reset:number;animation:countUp 2s ease-out}.label{font-size:.95rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.features-section{padding:clamp(4rem,8vw,8rem) 0;background-color:var(--bg-secondary);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:var(--card-bg);border-radius:1.25rem;padding:2.5rem 2rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);position:relative;overflow:hidden;transition:all .4s var(--transition-bounce);opacity:0;transform:translateY(50px);animation:slideInUp .8s var(--transition-easing) forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-lighter) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-speed) var(--transition-easing);z-index:0}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary)}.feature-card:hover:before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:1rem;background:var(--primary-lighter);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.5rem;transition:all var(--transition-speed) var(--transition-bounce);position:relative;z-index:1}.feature-card:hover .feature-icon{background:var(--primary);color:#fff;transform:rotateY(360deg) scale(1.1)}.feature-card h3{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);position:relative;z-index:1}.feature-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.polls-section{padding:clamp(4rem,8vw,8rem) 0;background:var(--bg-gradient);position:relative;overflow:hidden}.polls-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,var(--primary-lighter) 0%,transparent 50%);z-index:0}.polls-section .container{position:relative;z-index:1}.trending-polls-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.TrendPolls{text-align:center;margin:3rem 0;color:var(--text-secondary);font-size:1.1rem;opacity:0;transform:translateY(20px);animation:slideInUp .6s var(--transition-easing) .3s forwards}.view-all-container{text-align:center;margin-top:3rem}.view-all{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;text-decoration:none;padding:1rem 2rem;border-radius:50px;transition:all var(--transition-speed) var(--transition-easing);position:relative;overflow:hidden;background:var(--primary-lighter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-all:hover{color:#fff;background:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.view-all svg{transition:transform var(--transition-speed) var(--transition-easing)}.view-all:hover svg{transform:translate(5px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.hero .container{display:flex;text-align:center;gap:3rem}.hero-content{animation:slideInUp 1s var(--transition-easing) .2s forwards}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.hero .container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.container{padding:0 1rem}.hero{padding:4rem 0 3rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.btn{min-width:200px;justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:2rem 1.5rem}.trending-polls-container{grid-template-columns:1fr;gap:1rem}.section-header{margin-bottom:2.5rem}}@media (max-width: 576px){.hero{padding:3rem 0 2rem}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}.container{padding:0 .75rem}.hero-actions{width:100%}.btn{width:100%;padding:1rem}.feature-card{padding:1.5rem}.polls-section,.features-section,.stats-section{padding:3rem 0}}@media (max-width: 480px){.hero h1{font-size:1.8rem}.hero .subtitle{font-size:1rem}.section-header h2{font-size:1.6rem}.stat-card,.feature-card{padding:1.25rem}}.dark-mode .stat-card:hover .stat-icon,.dark-mode .feature-card:hover .feature-icon{box-shadow:0 0 20px #4361ee4d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero:before,.hero:after{animation:none}.highlight-1{animation:none}}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media print{.hero:before,.hero:after,.polls-section:before{display:none}.btn{border:1px solid #000}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #e2e8f0;--border-hover: #cbd5e0;--primary: #4361ee;--primary-dark: #3a56d4;--primary-light: #4f6df5;--success: #4cc9f0;--danger: #f72585;--warning: #f8961e;--error-bg: #fee2e2;--error-text: #b91c1c;--info-bg: #dbeafe;--info-text: #1d4ed8;--gradient-primary: linear-gradient(135deg, #4361ee 0%, #7c73e6 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #2d3748;--card-bg: #1e2532;--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 4px 12px rgba(0, 0, 0, .4);--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--border-color: #2d3748;--border-hover: #4a5568;--error-bg: #2d1b1b;--error-text: #fc8181;--info-bg: #1a202c;--info-text: #63b3ed}}.dark-mode{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #2d3748;--card-bg: #1e2532;--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 4px 12px rgba(0, 0, 0, .4);--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--border-color: #2d3748;--border-hover: #4a5568;--error-bg: #2d1b1b;--error-text: #fc8181;--info-bg: #1a202c;--info-text: #63b3ed}.strawpoll-container{min-height:100vh;background:var(--bg-primary);transition:all .3s ease;padding:80px 20px 20px}.strawpoll-header{background:var(--gradient-primary);padding:3rem 0 4rem;position:relative;overflow:hidden}.strawpoll-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="20" fill="url(%23grain)"/></svg>');opacity:.3}.header-content{max-width:800px;margin:0 auto;text-align:center;color:#fff;position:relative;z-index:1;padding:0 1.5rem}.main-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.25rem;opacity:.9;margin-bottom:1.5rem;font-weight:300}.trust-badge{display:inline-block;background:#ffffff26;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.form-container{max-width:800px;margin:-2rem auto 0;padding:0 1.5rem 4rem;position:relative;z-index:2}.poll-form{background:var(--card-bg);border-radius:16px;padding:2.5rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-notice{background:var(--info-bg);border:1px solid var(--info-text);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.notice-content{color:var(--info-text);text-align:center}.notice-content a{color:var(--primary);text-decoration:none;font-weight:600}.notice-content a:hover{text-decoration:underline}.account-options{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.option-toggle{display:flex;align-items:center;gap:1rem}.toggle-container{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-slider{position:relative;width:54px;height:24px;background:var(--border-color);border-radius:12px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}input[type=checkbox]{display:none}input[type=checkbox]:checked+.toggle-slider{background:var(--primary)}input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-weight:500;color:var(--text-primary)}.toggle-description{font-size:.875rem;color:var(--text-muted);margin-top:.5rem;margin-left:52px}.form-step{margin-bottom:3rem;position:relative}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;font-weight:700;font-size:1.1rem}.step-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-secondary);font-size:1rem}.form-input,.form-select{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:var(--card-bg);color:var(--text-primary);font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #4361ee1a;transform:translateY(-1px)}.input-help{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.char-count{font-size:.875rem;color:var(--text-muted);font-weight:500}.help-text{font-size:.875rem;color:var(--text-muted)}.poll-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.type-option{position:relative;cursor:pointer}.type-option input[type=radio]{position:absolute;opacity:0}.option-content{padding:1rem;border:2px solid var(--border-color);border-radius:16px;text-align:center;transition:all .3s ease;background:var(--card-bg);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.type-option input[type=radio]:checked+.option-content{border-color:var(--primary);background:#4361ee0d;transform:translateY(-4px);box-shadow:0 8px 24px #4361ee26}.option-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.option-description{color:var(--text-muted);font-size:.875rem}.options-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.option-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.option-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.option-label{font-weight:600;color:var(--text-primary);font-size:1.1rem}.remove-btn{width:32px;height:32px;border:none;background:var(--danger);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1rem}.remove-btn:hover{background:#d63384;transform:scale(1.1)}.image-upload{margin-bottom:1rem}.upload-label{display:block;cursor:pointer}.image-preview{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;border:2px solid var(--border-color)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;color:#fff;font-weight:600}.image-preview:hover .image-overlay{opacity:1}.upload-placeholder{width:120px;height:120px;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);transition:all .3s ease}.upload-placeholder:hover{border-color:var(--primary);color:var(--primary)}.upload-placeholder.small{width:80px;height:80px;font-size:.875rem}.upload-icon{font-size:2rem}.candidate-details{display:flex;flex-direction:column;gap:1rem}.party-selection{display:flex;align-items:center;gap:1rem}.party-selection .form-select{flex:1}.party-logo{width:40px;height:40px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.party-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.custom-party{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;border:1px dashed var(--border-color)}.logo-preview{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.logo-preview img{width:32px;height:32px;border-radius:4px}.duration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.duration-option{position:relative}.duration-option input[type=radio]{position:absolute;opacity:0}.duration-content{padding:1.5rem 1rem;border:2px solid var(--border-color);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--card-bg);height:100%}.duration-option input[type=radio]:checked+.duration-content{border-color:var(--primary);background:#4361ee0d;transform:translateY(-2px);box-shadow:0 4px 12px #4361ee26}.duration-title{font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.duration-description{font-size:.875rem;color:var(--text-muted)}.btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none;border:none;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #4361ee66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color);width:100%}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-2px)}.btn-add-option{background:var(--success);color:#fff;border:none}.btn-add-option:hover{background:#2bb3db;transform:translateY(-2px)}.btn-add-option:disabled{opacity:.6;cursor:not-allowed}.btn-settings{background:var(--bg-secondary);color:var(--text-primary);border:2px dashed var(--bg-tertiary);width:100%}.btn-settings:hover{border-color:var(--primary);color:var(--primary);background:#4361ee0d}.settings-preview{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--text-muted)}.error-message{background:var(--error-bg);border:1px solid var(--error-text);border-radius:12px;padding:1rem;margin:1.5rem 0}.error-content{display:flex;align-items:center;gap:.75rem;color:var(--error-text)}.error-icon{font-size:1.25rem}.preview-container{background:var(--bg-secondary);border-radius:16px;padding:2rem;border:1px solid var(--border-color)}.preview-poll{max-width:400px;margin:0 auto}.preview-question{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.preview-options{display:flex;flex-direction:column;gap:1rem}.preview-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.preview-option:hover{border-color:var(--primary);transform:translate(4px)}.preview-image{width:50px;height:50px;border-radius:8px;object-fit:cover}.preview-content{flex:1}.preview-text{font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}.preview-party{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.preview-party img{width:20px;height:20px;border-radius:4px}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.success-container{max-width:800px;margin:-2rem auto 0;padding:0 1.5rem 4rem;position:relative;z-index:2}.success-content{background:var(--card-bg);border-radius:16px;padding:3rem 2.5rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);text-align:center}.success-icon{font-size:4rem;margin-bottom:1.5rem}.success-content h2{font-size:2rem;font-weight:700;color:var(--success);margin-bottom:.5rem}.success-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.poll-summary{background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.poll-summary h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.summary-item{display:flex;margin-bottom:.75rem;font-size:.95rem}.summary-item strong{min-width:80px;color:var(--text-secondary)}.share-section h3,.share-section h4{color:var(--text-primary);margin-bottom:1rem}.share-link-container{display:flex;gap:.75rem;margin-bottom:2rem}.share-input{flex:1;padding:1rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-family:monospace;font-size:.9rem}.btn-copy{background:var(--primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-copy:hover{background:var(--primary-dark);transform:translateY(-2px)}.qr-section{margin:2rem 0}.qr-container{display:inline-block;padding:1rem;background:#fff;border-radius:12px;border:1px solid var(--border-color)}.qr-code{display:block;margin:0 auto}.qr-description{margin-top:.5rem;font-size:.875rem;color:var(--text-muted);text-align:center}.social-share{margin:2rem 0}.social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.btn-social{padding:1rem;border-radius:12px;border:none;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-whatsapp{background:#25d366}.btn-facebook{background:#1877f2}.btn-twitter{background:#1da1f2}.btn-email{background:#6c757d}.btn-social:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0003}.quick-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.anonymous-notice{background:var(--warning);color:#fff;padding:1rem;border-radius:12px;margin-top:2rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;margin:1rem;box-shadow:0 20px 40px #0000004d;border:1px solid var(--card-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-weight:700}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:var(--danger);color:#fff}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color)}.mobile-duration-toggle{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);padding:.5rem;margin-left:auto;transition:all .3s ease}@media (max-width: 768px){.mobile-duration-toggle{display:block}.duration-options{display:none;grid-template-columns:1fr;gap:.5rem;padding-top:1rem}.duration-options-visible .duration-options{display:grid;animation:fadeIn .3s ease}.duration-option{margin-bottom:.5rem}.duration-content{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-title{font-size:2rem}.subtitle{font-size:1rem}.poll-form{padding:1.5rem}.poll-type-options{grid-template-columns:1fr}.duration-options{grid-template-columns:repeat(2,1fr)}.form-actions,.quick-actions{flex-direction:column}.social-buttons{grid-template-columns:1fr}.share-link-container{flex-direction:column}.party-selection{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.strawpoll-header{padding:2rem 0 3rem}.header-content{padding:0 1rem}.form-container{padding:0 1rem 2rem}.poll-form{padding:1rem}.duration-options{grid-template-columns:1fr}.step-header{flex-direction:row;align-items:flex-start;gap:.5rem}.step-number{width:32px;height:32px;font-size:1rem}.toggle-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex-direction:column}.option-toggle{display:flex;align-items:center;gap:.5rem;flex-direction:column}.toggle-slider{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:12px;transition:all .3s ease}.toggle-description{margin-left:0}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){:root{--border-color: #000000;--text-muted: #333333}.dark-mode{--border-color: #ffffff;--text-muted: #cccccc}}.Setting-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.Setting-modal-overlay.active{opacity:1;visibility:visible;padding:40px}.Setting-modal-content{background-color:var(--bg-secondary);border-radius:12px;padding:30px;max-width:500px;max-height:90vh;height:85vh;box-shadow:0 10px 25px #0000001a;transform:translateY(20px);transition:all .3s ease;border:1px solid var(--border-color);overflow:auto;scrollbar-width:none;flex:1}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);font-weight:600}.Setting-close-modal{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-muted);transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.Setting-close-modal:hover{color:var(--danger);transform:rotate(90deg)}.settings-grid{padding:1.5rem}.setting-item{display:flex;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;margin-right:1rem;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}.setting-info{flex-grow:1}.setting-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:500;color:var(--text-primary)}.setting-info p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:100%}.btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.btn-primary{background-color:var(--primary);color:#fff;border:none;width:100%}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 5px #3b82f64d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.modal-content{margin:0 1rem;max-width:calc(100% - 2rem)}.settings-grid{padding:1rem}.setting-item{padding:.75rem 0}.form-actions{padding:1rem}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #e2e8f0;--border-hover: #cbd5e0;--primary: #4361ee;--primary-dark: #3a56d4;--primary-light: #4f6df5;--success: #10b981;--danger: #f72585;--warning: #f59e0b;--closed: #64748b;--error-bg: #fee2e2;--error-text: #b91c1c;--progress-bg: #e2e8f0}@media (prefers-color-scheme: dark){:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--card-bg: #1e1e1e;--card-border: rgba(255, 255, 255, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .2);--text-primary: #f8f9fa;--text-secondary: #e9ecef;--text-muted: #adb5bd;--border-color: #2d2d2d;--border-hover: #3d3d3d;--error-bg: #2a0a0a;--error-text: #fca5a5;--progress-bg: #2d2d2d}}.view-polls-page{padding:3rem 0;background-color:var(--bg-secondary);min-height:calc(100vh - 70px);color:var(--text-primary)}.View-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;animation:slideInUp var(--animation-duration-slow) var(--animation-easing);z-index:1000}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.header-content h1{font-size:1.75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.header-content p{color:#64748b}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:500;color:var(--text-secondary);white-space:nowrap}.filter-select{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;background-color:var(--bg-tertiary)}.polls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.poll-card{background-color:var(--bg-tertiary);border-radius:1rem;box-shadow:0 10px 30px #0000000d;overflow:hidden;transition:transform .3s,box-shadow .3s;flex:1}.poll-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.poll-header{padding:1.5rem;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;color:var(--text-primary)}.poll-header h3{margin-bottom:0}.poll-options{padding:1.5rem;height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.option{margin-bottom:1rem}.option-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.progress-bar{height:8px;background-color:var(--gray-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background-color:var(--primary)}.poll-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:var(--text-secondary)}.poll-footer i{margin-right:.5rem}.status{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.status i{font-size:.5rem}.status.active{color:#10b981}.status.warning{color:#f59e0b}.status.closed{color:#64748b}.poll-content{padding:1.5rem;flex:1;height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.poll-content h3{font-size:1.125rem;margin-bottom:1rem;line-height:1.4;color:var(--text-primary)}.poll-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.stat i{color:#94a3b8}.poll-results{margin-top:1.5rem}.result-item{margin-bottom:1rem}.result-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--text-primary)}.result-label span:first-child{font-weight:500}.result-label span:last-child{font-weight:600}.progress-bar{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px}.poll-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background-color:var(--bg-tertiary)}.poll-actions .btn{flex:1;justify-content:center}.load-more-container{display:flex;justify-content:center;margin-top:2rem}.Poll-load{color:var(--text-secondary)}.ref-btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.analyze-btn{background-color:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease;width:100%}.copy-btn-primary{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease;width:100%}@media (max-width: 768px){.polls-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.filter-group{flex:1}.filter-group label{display:none}.poll-actions{flex-direction:column}}.Analytics-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.Analytics-modal-content{background-color:var(--bg-secondary);border-radius:12px;width:90%;max-width:800px;max-height:90vh;padding:24px;box-shadow:0 10px 25px #0000001a;position:relative;animation:slideUp .3s ease-out;border:1px solid #e5e7eb;color:var(--text-primary)}.Analytics-modal-content h2{margin:0 0 20px;font-size:1.5rem;font-weight:600}.meta-info{margin-bottom:20px;padding:12px;background-color:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.meta-info strong{color:#374151;font-weight:500}.votes-table-container{max-height:300px;overflow-y:auto;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.dwn-btn{padding:8px 16px;display:flex;margin-bottom:10px;margin-left:auto;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{position:sticky;top:0;background-color:#f9fafb}th{padding:12px;text-align:left;color:#374151;font-weight:600;border-bottom:2px solid #e5e7eb}td{padding:12px;border-bottom:1px solid #e5e7eb;color:#4b5563}tr:last-child td{border-bottom:none}tr:hover{background-color:#f9fafb}.no-votes{text-align:center;padding:24px;color:#9ca3af;font-style:italic}.close-button{position:absolute;top:12px;right:16px;font-size:22px;background:none;border:none;cursor:pointer;color:#6b7280;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{background-color:#f3f4f6;color:#1f2937;transform:rotate(90deg)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-color-scheme: dark){.auth-modal-content{background-color:#1f2937;border-color:#374151}.auth-modal-content h2{color:#f9fafb}.meta-info{background-color:#374151;border-left-color:#60a5fa}.meta-info strong{color:#e5e7eb}.votes-table-container{border-color:#374151}thead{background-color:#111827}th{background-color:var(--bg-tertiary);color:#f3f4f6;text-align:center;border-bottom-color:#374151}td{color:#d1d5db;border-bottom-color:#374151}tr:hover{background-color:#374151}.no-votes{color:#6b7280}.close-button{color:#9ca3af}.close-button:hover{background-color:#374151;color:#f9fafb}}@media (max-width: 768px){.auth-modal-content{width:95%;padding:16px}th,td{padding:8px;font-size:.85rem}.votes-table-container{max-height:50vh}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--text-primary: #1e293b;--text-secondary: #334155;--text-muted: #64748b;--border-color: #e2e8f0;--border-hover: #cbd5e0;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--error-bg: #fee2e2;--error-text: #b91c1c;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--winner-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%)}.modern-poll-container{min-height:100vh;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.modern-poll-header{background:var(--gradient-primary);padding:3rem 0 4rem;color:#fff;text-align:center;position:relative;overflow:hidden}.modern-poll-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%)}.header-wrapper{max-width:800px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.poll-badge{display:inline-block;background:#ffffff26;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.modern-poll-question{font-size:1.5rem;font-weight:800;margin-bottom:2rem;line-height:1.2;color:var(--text-primary)}.poll-stats{display:flex;justify-content:center;gap:3rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.875rem;opacity:.8;font-weight:500}.modern-content-wrapper{display:flex;gap:2rem;max-width:1400px;padding:0 1rem 4rem;position:relative;z-index:2;justify-content:center}.desktop-ads{display:flex;flex-direction:column;gap:1rem;width:300px;flex-shrink:0}.left-sidebar,.right-sidebar{position:sticky;top:2rem;height:fit-content}.mobile-ads{display:none;width:100%;margin:2rem 0}.ad-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;text-align:center;box-shadow:var(--card-shadow);transition:all .3s ease;margin-bottom:1rem;position:relative}.ad-container:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.left-ad,.right-ad{width:100%;min-height:250px;min-width:250px;margin:20px 0}.mobile-ad{width:100%;min-height:200px}.ad-label{font-size:.7rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px;opacity:.8}.ad-image{max-width:100%;width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:8px;cursor:pointer;transition:all .3s ease}.ad-image:hover{transform:scale(1.02)}.ad-title{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:6px;font-weight:500}.modern-poll-content{background:var(--card-bg);border-radius:20px;padding:3rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);width:600px;margin:20px 0}.modern-results{animation:fadeInUp .5s ease-out}.results-header{text-align:center;margin-bottom:3rem}.results-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.results-meta{color:var(--text-muted);font-size:1.1rem;font-weight:500}.results-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.result-item{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.result-item.winner{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf240d,#f59e0b05);box-shadow:0 8px 25px #fbbf2426}.result-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.result-content{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.result-rank{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px}.crown{font-size:1.5rem}.rank-number{font-size:1.2rem;font-weight:700;color:var(--text-muted)}.candidate-info{display:flex;align-items:center;gap:1rem;flex:1}.candidate-visual{display:flex;align-items:center;gap:.75rem}.result-party-logo{width:50px;height:50px;border-radius:12px;object-fit:contain;background:#fff;border:2px solid var(--border-color)}.result-candidate-image{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color)}.candidate-details h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.candidate-party{color:var(--text-muted);font-size:1rem;margin:0}.vote-stats{text-align:right;min-width:100px}.vote-count-large{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.vote-percentage{font-size:1.2rem;font-weight:600;color:var(--text-muted)}.result-progress{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:1rem}.progress-bar-fill{height:100%;border-radius:4px;transition:width 1s ease-out;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.voting-section{animation:fadeInUp .5s ease-out}.voting-header{text-align:center;margin-bottom:3rem}.voting-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.voting-header p{color:var(--text-muted);font-size:1.1rem}.modern-poll-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.modern-poll-option{position:relative}.modern-option-label{display:block;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.modern-option-label:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.modern-option-label.selected{border-color:var(--primary);background:#3b82f60d;box-shadow:0 8px 25px #3b82f633}.option-radio-hidden{display:none}.modern-option-content{display:flex;align-items:center;gap:1.5rem}.option-selector{flex-shrink:0}.radio-circle{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modern-option-label.selected .radio-circle{border-color:var(--primary);background:var(--primary)}.radio-dot{width:10px;height:10px;background:#fff;border-radius:50%}.option-visual-wrapper{display:flex;align-items:center;gap:.75rem}.modern-party-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;border:2px solid var(--border-color)}.modern-option-image{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color)}.option-text-wrapper{flex:1}.modern-option-text{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.modern-party-name{color:var(--text-muted);font-size:1rem;margin:0}.option-arrow{font-size:1.5rem;color:var(--text-muted);transition:all .3s ease}.modern-option-label.selected .option-arrow{color:var(--primary);transform:translate(5px)}.modern-btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none;border:none;font-family:inherit}.modern-btn.primary{background:var(--gradient-primary);color:#fff}.modern-btn.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666}.modern-btn.secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.modern-btn.secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.modern-btn.large{padding:1.25rem 3rem;font-size:1.1rem}.modern-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.voting-actions,.results-actions{display:flex;gap:1rem;justify-content:center;margin:3rem 0;flex-wrap:wrap}.modern-vote-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:16px;margin:2rem 0}.modern-vote-status.success{background:#10b9811a;border:2px solid rgba(16,185,129,.2)}.modern-vote-status.error{background:#ef44441a;border:2px solid rgba(239,68,68,.2)}.status-icon{font-size:2rem}.status-text h3{margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.status-text p{margin:0;color:var(--text-muted)}.modern-share-section{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border-color);text-align:center}.modern-share-section h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.share-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#fff;font-weight:600}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-btn.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.share-btn.copy{background:var(--gradient-primary)}.share-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.share-icon{font-size:1.5rem}.modern-comments-section{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border-color)}.modern-comments-section h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.add-comment-modern{margin-bottom:3rem}.comment-form-modern,.comment-inputs{display:flex;flex-direction:column;gap:1rem}.modern-input,.modern-textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:var(--card-bg);color:var(--text-primary);font-family:inherit}.modern-input:focus,.modern-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.modern-textarea{resize:vertical;min-height:120px}.modern-error-message{background:var(--error-bg);color:var(--error-text);padding:1rem;border-radius:12px;font-size:.9rem;border:2px solid var(--error-text)}.comments-list-modern{display:flex;flex-direction:column;gap:1.5rem}.modern-comment{display:flex;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:16px;border:1px solid var(--border-color)}.comment-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.comment-content-modern{flex:1}.comment-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comment-author-modern{color:var(--text-primary);font-weight:600;font-size:1rem}.comment-date-modern{color:var(--text-muted);font-size:.875rem}.comment-text-modern{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}.no-comments-modern{text-align:center;color:var(--text-muted);padding:3rem;font-style:italic;font-size:1.1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:3rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-spinner.small{width:24px;height:24px;border-width:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--danger)}.error-container h2{color:var(--text-primary);margin-bottom:1rem;font-weight:700;font-size:1.8rem}.error-container p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}@media (max-width: 1200px){.modern-content-wrapper{max-width:1000px}.desktop-ads{width:160px}}@media (max-width: 968px){.modern-content-wrapper{flex-direction:column;gap:1rem;padding:0 1rem 2rem;align-items:center}.desktop-ads{display:none}.mobile-ads{display:block}.modern-poll-content{padding:2rem}.modern-poll-question{font-size:2rem}.poll-stats{gap:2rem}.stat-number{font-size:1.5rem}.result-content{flex-direction:column;align-items:flex-start;gap:1rem}.candidate-info{width:100%}.vote-stats{align-self:flex-end}.modern-option-content{flex-direction:column;align-items:flex-start;gap:1rem}.option-visual-wrapper{align-self:center}.voting-actions,.results-actions{flex-direction:column}.share-grid{grid-template-columns:repeat(2,1fr)}.comment-inputs{gap:.75rem}}@media (max-width: 480px){.modern-poll-header{padding:2rem 0 3rem}.header-wrapper{padding:0 1rem}.modern-poll-question{font-size:1.8rem}.poll-stats{flex-direction:column;gap:1rem}.modern-poll-content{padding:1.5rem;max-width:100%}.modern-party-logo{width:40px;height:40px}.modern-option-image{width:50px;height:50px}.result-party-logo{width:40px;height:40px}.result-candidate-image{width:50px;height:50px}.vote-count-large{font-size:1.5rem}.share-grid{grid-template-columns:1fr}.modern-comment{flex-direction:column}.comment-avatar{align-self:flex-start;width:40px;height:40px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.desktop-ads,.mobile-ads,.ad-container,.modern-share-section{display:none!important}.modern-content-wrapper{flex-direction:column}.modern-poll-content{width:100%;box-shadow:none;border:1px solid #ccc}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--text-primary: #1e293b;--text-secondary: #334155;--text-muted: #64748b;--border-color: #e2e8f0;--border-hover: #cbd5e0;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--error-bg: #fee2e2;--error-text: #b91c1c;--animation-duration-fast: .2s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-easing: cubic-bezier(.4, 0, .2, 1);--animation-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.admin-panel-page{background-color:var(--bg-primary);min-height:100vh;padding:2rem 0;transition:all var(--animation-duration-normal) var(--animation-easing);position:relative;overflow-x:hidden;color:var(--text-primary)}.container{max-width:100%;margin:0 auto;padding:0 1.5rem;animation:slideInUp var(--animation-duration-slow) var(--animation-easing)}.A-User,.U-List,.Request,.Poll-Section{color:var(--text-primary);transition:color var(--animation-duration-normal) var(--animation-easing)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:fadeInDown var(--animation-duration-slow) var(--animation-easing)}.admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;position:relative;overflow:hidden}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);position:relative}.admin-tabs:before{content:"";position:absolute;bottom:-2px;left:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:all var(--animation-duration-normal) var(--animation-easing);width:0}.tab-btn{padding:.75rem 1.5rem;border:none;background:none;font-size:1rem;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--animation-duration-normal) var(--animation-easing);border-radius:.5rem .5rem 0 0;position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--animation-duration-slow) var(--animation-easing)}.tab-btn:hover:before{left:100%}.tab-btn:hover{color:var(--primary);background-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background-color:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.admin-section{background-color:var(--card-bg);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--card-border);transition:all var(--animation-duration-normal) var(--animation-easing);opacity:0;transform:translateY(20px);animation:slideInUp var(--animation-duration-slow) var(--animation-easing) forwards}.admin-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.user-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.user-item{background-color:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-color);transition:all var(--animation-duration-normal) var(--animation-easing);position:relative;overflow:hidden;opacity:0;animation:slideInUp var(--animation-duration-slow) var(--animation-easing) forwards}.user-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left var(--animation-duration-slow) var(--animation-easing)}.user-item:hover:before{left:100%}.user-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.user-info{margin-bottom:1rem}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.user-email{color:var(--text-muted);font-size:.875rem}.user-status{display:inline-block;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-top:.5rem;animation:pulse 2s infinite}.user-status.blocked{background-color:#ef44441a;color:var(--danger)}.user-status.active{background-color:#10b9811a;color:var(--success)}.user-actions{display:flex;gap:.5rem;margin-top:1rem}.poll-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.poll-item{background-color:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-color);transition:all var(--animation-duration-normal) var(--animation-easing);position:relative;overflow:hidden;opacity:0;animation:slideInUp var(--animation-duration-slow) var(--animation-easing) forwards}.poll-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left var(--animation-duration-slow) var(--animation-easing)}.poll-item:hover:before{left:100%}.poll-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.poll-question{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.poll-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.poll-actions{display:flex;gap:.5rem}.request-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.request-item{background-color:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-color);transition:all var(--animation-duration-normal) var(--animation-easing);position:relative;overflow:hidden;opacity:0;animation:slideInUp var(--animation-duration-slow) var(--animation-easing) forwards}.request-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left var(--animation-duration-slow) var(--animation-easing)}.request-item:hover:before{left:100%}.request-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.request-user{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.request-comment{color:var(--text-muted);font-size:.875rem;margin:.5rem 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.request-status{display:inline-block;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-top:.5rem;animation:pulse 2s infinite}.request-status.pending{background-color:#f59e0b1a;color:var(--warning)}.request-status.approved{background-color:#10b9811a;color:var(--success)}.request-status.rejected{background-color:#ef44441a;color:var(--danger)}.request-actions{display:flex;gap:.5rem;margin-top:1rem}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--animation-duration-normal) var(--animation-easing);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;position:relative;overflow:hidden;text-decoration:none;outline:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width var(--animation-duration-normal) var(--animation-easing),height var(--animation-duration-normal) var(--animation-easing)}.btn:active:before{width:300px;height:300px}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),#1d4ed8);box-shadow:var(--shadow-lg)}.admin-btn-outline{background-color:transparent;border-color:var(--primary);color:var(--primary)}.admin-btn-outline:hover{background-color:#3b82f61a;transform:translateY(-2px) scale(1.02)}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px) scale(1.02)}.btn-warning{background:linear-gradient(135deg,var(--warning),#d97706);color:#fff;box-shadow:var(--shadow-md)}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px) scale(1.02)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02)}.btn-info{background:linear-gradient(135deg,var(--info),#0891b2);color:#fff;box-shadow:var(--shadow-md)}.btn-info:hover{background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-2px) scale(1.02)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-2px) scale(1.02)}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--animation-duration-normal) var(--animation-easing);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.active{opacity:1;visibility:visible}.modal-content{background-color:var(--card-bg);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--card-border);transform:translateY(50px) scale(.9);transition:all var(--animation-duration-normal) var(--animation-bounce)}.modal.active .modal-content{transform:translateY(0) scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:all var(--animation-duration-fast) var(--animation-easing);padding:0 .5rem;line-height:1;border-radius:50%}.modal-close:hover{color:var(--primary);background-color:var(--bg-tertiary);transform:rotate(90deg) scale(1.1)}.request-details{margin-bottom:1.5rem}.detail-row{margin-bottom:1rem}.detail-row strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.comment-box{padding:1rem;background-color:var(--bg-tertiary);border-radius:.5rem;margin-bottom:1rem;color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--animation-duration-normal) var(--animation-easing)}.comment-box:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.loading-state{text-align:center;padding:2rem;color:var(--text-muted)}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.error-message{color:var(--error-text);background-color:var(--error-bg);padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid var(--error-text);animation:shake .5s ease-in-out}.ad-manager-section{background-color:var(--card-bg);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--card-border);opacity:0;transform:translateY(20px);animation:slideInUp var(--animation-duration-slow) var(--animation-easing) forwards;transition:all var(--animation-duration-normal) var(--animation-easing)}.ad-manager-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ad-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.ad-manager-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.ad-controls{display:flex;gap:.5rem}.ad-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.ad-title{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.ad-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.ad-actions{display:flex;gap:.5rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes textShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.stagger-item{animation-delay:calc(var(--stagger-delay, 0) * .1s)}.btn:focus,.tab-btn:focus,.modal-close:focus{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f61a}.page-transition-enter{opacity:0;transform:translate(100px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:all var(--animation-duration-slow) var(--animation-easing)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-100px);transition:all var(--animation-duration-slow) var(--animation-easing)}@media (max-width: 768px){.container{padding:0 1rem}.container h1{font-size:2.5em}.user-list,.poll-list,.request-list,.ad-list{grid-template-columns:1fr}.admin-tabs{overflow-x:auto;padding-bottom:.5rem}.tab-btn{white-space:nowrap}.modal-content{margin:0 1rem}.admin-section:hover,.user-item:hover,.poll-item:hover,.request-item:hover{transform:translateY(-2px) scale(1.01)}}@media (prefers-color-scheme: dark){.btn:before{background:#ffffff1a}}.dark-mode .btn:before{background:#ffffff1a}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--text-primary: #1e293b;--text-secondary: #334155;--text-muted: #64748b;--border-color: #e2e8f0;--border-hover: #cbd5e0;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--error-bg: #fee2e2;--error-text: #b91c1c}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--card-bg: #1e293b;--card-border: rgba(255, 255, 255, .05);--card-shadow: 0 4px 6px rgba(0, 0, 0, .2);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #334155;--border-hover: #475569;--error-bg: #7f1d1d;--error-text: #fca5a5}}.ad-manager{padding:2rem;color:var(--text-secondary)}.ad-form{max-width:600px;margin-bottom:2rem;background:var(--bg-secondary);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.file-input{margin:1rem 0}.image-preview{margin:1rem 0;border:1px solid #ddd;padding:.5rem;border-radius:4px}.image-preview img{max-width:100%;height:auto;border-radius:4px}.ads-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.ad-item{background-color:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-color);transition:all .3s ease}.ad-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.ad-item img{width:100%;height:200px;object-fit:cover}.ad-info{padding:1rem;background:var(--bg-secondary);color:var(--text-primary)}.ad-info h4{margin:0 0 .5rem}.ad-info p{margin:.5rem 0}.delete-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.delete-btn:hover{background:#b91c1c}body{font-family:Inter,sans-serif;margin:0;background:#f8fafc;color:#222}