.polls-page{max-width:1200px;margin:0 auto;padding:0 1.5rem 6rem}.polls-hero{position:relative;text-align:center;padding:4rem 2rem 3rem;margin-bottom:3rem;overflow:hidden}.polls-hero__glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(24,225,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.polls-hero__content{position:relative;z-index:1}.polls-hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#18e1ff26,#9333ea26);border:1px solid rgba(24,225,255,.3);padding:.5rem 1.25rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan, #18e1ff);margin-bottom:1.5rem;animation:fadeInUp .5s ease-out}.polls-hero__badge svg{stroke:currentColor}.polls-hero h1{font-size:clamp(2.5rem,7vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:#fff;animation:fadeInUp .5s ease-out .1s both}.polls-hero h1 .highlight{background:linear-gradient(135deg,var(--cyan, #18e1ff) 0%,#9333ea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.polls-hero__sub{font-size:1.1rem;color:#a1a1aa;max-width:500px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeInUp .5s ease-out .2s both}.polls-stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;animation:fadeInUp .5s ease-out .3s both}.polls-stat{text-align:center;padding:1.5rem 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;min-width:140px;transition:all .3s ease}.polls-stat:hover{border-color:#18e1ff66;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.polls-stat__icon{display:flex;justify-content:center;margin-bottom:.75rem;color:var(--cyan, #18e1ff);opacity:.8}.polls-stat__value{font-size:2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.25rem}.polls-stat__label{font-size:.7rem;color:#71717a;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.polls-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.polls-section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff;margin:0}.polls-section-header h2 svg{color:var(--cyan, #18e1ff);opacity:.8}.polls-live-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ef4444}.polls-live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.polls-featured{margin-bottom:3rem}.polls-featured__poll{background:linear-gradient(135deg,#18e1ff0d,#9333ea0d);border:1px solid rgba(24,225,255,.2);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.polls-featured__poll:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan, #18e1ff),#9333ea)}.poll-featured-content{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}.poll-featured-chart{display:flex;justify-content:center}.poll-featured-chart svg{display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.poll-featured-chart svg path,.poll-featured-chart svg circle{stroke:#0f1419e6;stroke-width:3;transition:transform .3s ease,filter .3s ease;transform-origin:center}.poll-featured-chart svg path:hover,.poll-featured-chart svg circle:hover{transform:scale(1.04);filter:brightness(1.2)}.poll-featured-chart svg text{pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.9)}.poll-featured-info{display:flex;flex-direction:column}.poll-featured-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.poll-featured-meta{font-size:.9rem;color:#a1a1aa;margin:0 0 1.5rem}.poll-featured-info .poll-legend{justify-content:flex-start;max-width:none;margin-bottom:1.5rem}.poll-featured-desc{font-size:.95rem;color:#71717a;line-height:1.6;margin:0}@media(max-width:768px){.poll-featured-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.poll-featured-info{align-items:center}.poll-featured-info .poll-legend{justify-content:center}}.polls-section{margin-bottom:4rem}.polls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}@media(max-width:400px){.polls-grid{grid-template-columns:1fr}}.poll-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.poll-card:hover{transform:translateY(-4px);border-color:#18e1ff4d;box-shadow:0 20px 40px #0000004d}.poll-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan, #18e1ff),#9333ea);opacity:0;transition:opacity .3s}.poll-card:hover:before{opacity:1}.poll-card__header{margin-bottom:1.25rem}.poll-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.poll-card__title{font-size:1.15rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.poll-card__live{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:999px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#22c55e;flex-shrink:0}.poll-card__live-dot{width:5px;height:5px;background:#22c55e;border-radius:50%;animation:pulse-dot 1.5s infinite}.poll-card__desc{font-size:.9rem;color:#a1a1aa;margin:0 0 .75rem;line-height:1.5}.poll-card__meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:#71717a}.poll-card__meta span{display:flex;align-items:center;gap:.4rem}.poll-card__meta i{opacity:.7}.poll-card__options{display:flex;flex-direction:column;gap:.6rem}.poll-option{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .25s ease;overflow:hidden}.poll-option:not(.poll-option--voted):hover{border-color:#18e1ff66;background:#18e1ff14}.poll-option:not(.poll-option--voted):active{transform:scale(.98)}.poll-option--voted{cursor:default}.poll-option__bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#18e1ff33,#18e1ff0d);transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:.75rem 0 0 .75rem}.poll-option__content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.poll-option__text{font-weight:500;color:#e4e4e7;font-size:.95rem}.poll-option__percent{font-weight:700;color:var(--cyan, #18e1ff);font-size:.9rem;flex-shrink:0}.poll-card__cta{margin-top:1rem;text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.poll-card__cta p{font-size:.8rem;color:#71717a;margin:0}.poll-card--pie{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;background:transparent;border:none;backdrop-filter:none}.poll-card--pie:hover{transform:none;box-shadow:none}.poll-card--pie:before{display:none}.poll-card--pie .poll-card__header{margin-bottom:1.5rem;width:100%}.poll-card--pie .poll-card__title{font-size:1.5rem;margin-bottom:.5rem}.poll-card--pie .poll-card__meta{justify-content:center;color:#a1a1aa}.poll-pie-chart{position:relative;margin:0 0 1.5rem}.poll-pie-chart svg{display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.poll-pie-chart svg path,.poll-pie-chart svg circle{stroke:#0f1419e6;stroke-width:3;transition:transform .3s ease,filter .3s ease;transform-origin:center}.poll-pie-chart svg path:hover,.poll-pie-chart svg circle:hover{transform:scale(1.04);filter:brightness(1.2)}.poll-pie-chart svg text{pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.9)}.poll-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;width:100%;max-width:400px;margin-bottom:1.5rem}.poll-legend__item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#e4e4e7}.poll-legend__color{flex-shrink:0;width:12px;height:12px;border-radius:3px}.poll-legend__label{font-weight:500}.poll-legend__percent{font-weight:700;color:#a1a1aa;margin-left:.25rem}.poll-card__link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--cyan, #18e1ff);text-decoration:none;font-weight:600;transition:all .2s ease;padding:.5rem 1rem;background:#18e1ff1a;border:1px solid rgba(24,225,255,.3);border-radius:999px}.poll-card__link:hover{color:#fff;background:#18e1ff33;transform:translate(3px)}.polls-how-it-works{margin-top:4rem;text-align:center}.polls-how-it-works h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:2rem}.polls-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.polls-how-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:2rem 1.5rem;transition:all .3s ease}.polls-how-card:hover{border-color:#18e1ff4d;transform:translateY(-4px)}.polls-how-card__number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;background:linear-gradient(135deg,var(--cyan, #18e1ff),#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.polls-how-card__icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--cyan, #18e1ff);opacity:.8}.polls-how-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.polls-how-card p{font-size:.9rem;color:#a1a1aa;line-height:1.6;margin:0}.polls-loading{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.polls-loading__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--cyan, #18e1ff);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.polls-loading p{color:#71717a;font-size:.9rem}.polls-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.15);border-radius:1.5rem}.polls-empty__icon{font-size:3.5rem;margin-bottom:1rem;opacity:.6}.polls-empty h3{font-size:1.25rem;margin-bottom:.5rem;color:#fff}.polls-empty p{color:#71717a;max-width:300px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.poll-loading{opacity:.6;pointer-events:none}.poll-loading .poll-option{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.polls-page{padding:0 1rem 5rem}.polls-hero{padding:3rem 1rem 2rem}.polls-hero h1{font-size:2.25rem}.polls-stats{gap:.75rem}.polls-stat{padding:1rem 1.25rem;min-width:100px}.polls-stat__value{font-size:1.5rem}.polls-grid{grid-template-columns:1fr}.poll-card{padding:1.25rem}.polls-featured__poll{padding:1.5rem}.polls-how-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:480px){.polls-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.poll-legend{flex-direction:column;align-items:center;gap:.5rem}}.poll-card--hero.poll-card--pie{background:#0f1419e6;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;backdrop-filter:blur(10px)}.poll-card--hero.poll-card--pie .poll-card__title{font-size:1.1rem}.poll-card--hero.poll-card--pie .poll-legend{flex-direction:column;max-width:180px;gap:.4rem;margin-bottom:1rem}.poll-card--hero.poll-card--pie .poll-legend__item{font-size:.75rem;width:100%}.poll-card--hero.poll-card--pie .poll-legend__label{flex:1;text-align:left}.poll-card--placeholder{background:#0f1419e6;border:1px dashed rgba(255,255,255,.15);border-radius:1rem;padding:2rem}.poll-placeholder{text-align:center}.poll-placeholder__icon{font-size:2.5rem;opacity:.5;margin-bottom:.75rem}.poll-placeholder__text{font-size:1rem;color:#a1a1aa;margin:0 0 .25rem}.poll-placeholder__sub{font-size:.8rem;color:#71717a;margin:0}
