:root{--bg-deep-blue: #071238;--bg-night: #150937;--electric-blue: #21bbff;--hot-pink: #ff3cac;--vivid-purple: #7a38ff;--neon-yellow: #ffe44d;--text-main: #ffffff;--text-muted: #d9dcff;--surface: rgba(10, 14, 43, .8);--surface-border: rgba(255, 255, 255, .18);--danger: #ff9ea9;font-family:Poppins,Trebuchet MS,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at 20% 10%,rgba(33,187,255,.35),transparent 45%),radial-gradient(circle at 85% 15%,rgba(255,60,172,.3),transparent 38%),linear-gradient(165deg,var(--bg-deep-blue),var(--bg-night))}*{box-sizing:border-box}body{margin:0;color:var(--text-main);overflow-x:hidden}.page{max-width:1120px;margin:0 auto;padding:1rem 1rem 2.5rem}.hero{position:relative;overflow:hidden;border-radius:24px;padding:1.6rem 1rem 1.35rem;margin-bottom:1rem;border:1px solid var(--surface-border);background:radial-gradient(circle at 15% 20%,rgba(255,228,77,.32),transparent 35%),radial-gradient(circle at 80% 10%,rgba(33,187,255,.4),transparent 42%),linear-gradient(135deg,#181d5f,#7a38ff 55%,#ff3cac);box-shadow:0 20px 48px #02061b73}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none}.hero:before{width:230px;height:230px;border-radius:50%;top:-120px;right:-70px;background:radial-gradient(circle,#ffe44db3,#ffe44d00)}.hero:after{left:0;right:0;top:0;height:140%;background:radial-gradient(circle at 22% 34%,rgba(255,255,255,.3) 2px,transparent 3px),radial-gradient(circle at 60% 32%,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(circle at 74% 58%,rgba(255,255,255,.25) 2px,transparent 3px)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%)}.hero h1,.hero p{margin:0;position:relative;z-index:1}.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;letter-spacing:.02em;text-wrap:balance}.hero p{margin-top:.75rem;max-width:64ch;color:var(--text-muted);font-size:clamp(.92rem,2.4vw,1rem);font-weight:500}.total-votes{display:grid;gap:.45rem;justify-items:center;text-align:center;border-radius:20px;margin-bottom:1.05rem;padding:1rem;border:1px solid var(--surface-border);background:radial-gradient(circle at 50% 0,rgba(255,228,77,.32),transparent 50%),linear-gradient(145deg,#121d51eb,#21bbff33);box-shadow:0 10px 26px #02061b66,0 0 16px #21bbff38}.total-votes p{margin:0;color:var(--text-muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.total-votes strong{font-size:clamp(2rem,8vw,3.3rem);line-height:1;font-weight:900;color:var(--neon-yellow);text-shadow:0 0 18px rgba(255,228,77,.4)}.state{margin:.75rem 0;border-radius:14px;padding:.85rem 1rem;background:#0d1745bf;border:1px solid var(--surface-border)}.error{color:var(--danger)}.grid{display:grid;gap:1rem;grid-template-columns:1fr}.card{position:relative;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,var(--electric-blue),var(--hot-pink),var(--neon-yellow)) border-box;border:2px solid transparent;border-radius:22px;overflow:hidden;box-shadow:0 16px 36px #02061b66;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 44px #02061b80,0 0 18px #ff3cac40;filter:saturate(1.08)}.card-pulse{animation:cardPulse .28s ease-out}.image{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;transition:filter .22s ease}.card:hover .image{filter:brightness(1.04)}.content{padding:1rem}.content h2{margin:0 0 .5rem;font-size:1.3rem;font-weight:800}.content p{margin:0 0 .75rem;color:var(--text-muted)}.votes{color:#fff;font-size:1.08rem;font-weight:800}button{width:100%;min-height:48px;border:0;border-radius:14px;padding:.7rem 1rem;background:linear-gradient(120deg,var(--hot-pink),var(--vivid-purple),var(--electric-blue));color:#fff;font-size:1rem;font-weight:800;cursor:pointer;letter-spacing:.02em;transition:transform .12s ease,filter .14s ease,box-shadow .14s ease;box-shadow:0 8px 20px #7a38ff73}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:3px solid var(--neon-yellow);outline-offset:2px}button:disabled{opacity:.8;cursor:not-allowed;animation:votePulse .34s ease-out}@keyframes votePulse{0%{box-shadow:0 0 #ffe44d80}to{box-shadow:0 0 0 18px #ffe44d00}}@keyframes cardPulse{0%{box-shadow:0 0 #ffe44d7a}to{box-shadow:0 0 0 20px #ffe44d00}}@media (min-width: 700px){.page{padding:1.4rem 1.4rem 3rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}}@media (min-width: 980px){body{overflow-y:hidden}.page{height:100vh;padding:1rem 1.2rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:1rem}.image{height:clamp(210px,calc(100vh - 570px),400px);width:100%;aspect-ratio:auto}}