:root{color-scheme:dark;--bg:#07040f;--bg2:#0f0820;--card:#150b2e;--ink:#f1e9ff;--mute:#a595c9;--p1:#7a2cf0;--p2:#a45cff;--p3:#d2b0ff;--line:rgba(var(--r2),.22);--r1:122,44,240;--r2:164,92,255;--deep:#3a0f86;--card2:#0e0722;--on:#fff;--glow:0 0 40px rgba(var(--r1),.55);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 Cairo,Tahoma,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Cairo,Tahoma,sans-serif;margin:0;line-height:1.2}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--p3);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
/* intro */
#intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;pointer-events:none}
#intro i{position:absolute;top:0;bottom:0;width:50.5%;background:#000;transition:transform 1.1s cubic-bezier(.77,0,.18,1) .9s}
#intro i:first-child{left:0}#intro i:last-child{right:0}
#intro img{position:relative;width:110px;animation:ld 1.6s ease both;filter:drop-shadow(0 0 24px var(--p1))}
#intro.go i:first-child{transform:translateX(-101%)}#intro.go i:last-child{transform:translateX(101%)}
#intro.go img{opacity:0;transform:scale(1.8);transition:all .7s ease .4s}
@keyframes ld{0%{opacity:0;transform:scale(.6);filter:blur(10px) drop-shadow(0 0 0 #000)}60%{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 0 40px var(--p2))}100%{opacity:1}}
/* nav */
nav{position:fixed;top:0;inset-inline:0;z-index:10;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
nav.s{background:rgba(7,4,15,.85);backdrop-filter:blur(10px);border-color:var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;padding-top:env(safe-area-inset-top,0px)}
.brand{display:flex;align-items:center;gap:10px;font:700 19px Cairo,Tahoma,sans-serif;text-decoration:none;color:var(--ink)}
.brand img{height:30px}
.pill{border:1px solid var(--p2);color:var(--p3);background:none;border-radius:99px;padding:6px 18px;font-size:14px;text-decoration:none;transition:.25s}
.pill:hover{background:var(--p1);color:var(--on);box-shadow:var(--glow)}
/* hero */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:90px 0 60px;isolation:isolate}
.beams{position:absolute;inset:-50%;z-index:-3;background:conic-gradient(from 0deg at 50% 50%,transparent 0 8%,rgba(var(--r1),.28) 12%,transparent 18% 40%,rgba(var(--r2),.2) 46%,transparent 52% 75%,rgba(var(--r1),.25) 80%,transparent 86%);animation:spin 40s linear infinite;filter:blur(30px)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(var(--r1),.4),transparent 70%),radial-gradient(ellipse at 50% 120%,var(--deep),transparent 60%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 70%,var(--bg))}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
@keyframes spin{to{transform:rotate(360deg)}}
.logo{width:clamp(130px,22vw,210px);margin:0 auto 6px;display:block;animation:fl 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(var(--r2),.8));transition:transform .15s}
@keyframes fl{50%{translate:0 -14px}}
.tl{font:700 clamp(54px,13vw,150px)/1 Cairo,Tahoma,sans-serif;letter-spacing:.02em;direction:ltr;display:flex;justify-content:center;flex-wrap:wrap;gap:0 .25em;margin-top:6px}
.tl span{display:inline-block;overflow:hidden}
.tl b{display:inline-block;font-weight:700;background:linear-gradient(180deg,#fff,var(--p3) 45%,var(--p1));-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(110%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(2.3s + var(--i)*.07s)}
@keyframes up{to{transform:none}}
.pol{font:500 clamp(22px,4.5vw,40px)/1.3 Cairo,Tahoma,sans-serif;color:var(--p3);margin:10px 0 18px;opacity:0;animation:fade 1s 3.1s forwards;letter-spacing:.3em}
.hero p{color:var(--mute);max-width:46ch;margin:0 auto 26px;font-size:18px;opacity:0;animation:fade 1s 3.3s forwards}
.count{display:flex;gap:10px;justify-content:center;margin-bottom:30px;opacity:0;animation:fade 1s 3.5s forwards}
.count div{min-width:74px;border:1px solid var(--line);border-radius:10px;padding:8px 6px;background:rgba(21,11,46,.6);backdrop-filter:blur(6px)}
.count b{display:block;font:700 30px/1.1 Cairo,Tahoma,sans-serif;color:var(--p3);font-variant-numeric:tabular-nums}
.count span{font-size:13px;color:var(--mute)}
.cta{position:relative;display:inline-block;background:linear-gradient(135deg,var(--p1),var(--p2));color:var(--on);border:0;border-radius:99px;padding:14px 34px;font-weight:600;text-decoration:none;box-shadow:var(--glow);overflow:hidden;opacity:0;animation:fade 1s 3.7s forwards;transition:transform .2s}
.cta:hover{transform:scale(1.05)}
.cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:shine 3s 4.5s infinite}
@keyframes shine{to{left:130%}}
@keyframes fade{to{opacity:1}}
.cta.plain{opacity:1;animation:none}
.scroll{position:absolute;bottom:22px;left:50%;width:22px;height:36px;margin-left:-11px;border:2px solid var(--p2);border-radius:12px;opacity:.7}
.scroll::after{content:"";position:absolute;top:6px;left:8px;width:2px;height:7px;background:var(--p3);border-radius:2px;animation:sc 1.6s infinite}
@keyframes sc{to{transform:translateY(12px);opacity:0}}
/* marquee */
.mq{border-block:1px solid var(--line);background:var(--bg2);overflow:hidden;padding:16px 0;direction:ltr}
.mq div{display:flex;width:max-content;animation:mq 100s linear infinite}
.mq span{font:700 26px Cairo,Tahoma,sans-serif;color:transparent;-webkit-text-stroke:1px var(--p2);padding:0 28px;white-space:nowrap}
.mq span::after{content:"◆";color:var(--p1);-webkit-text-stroke:0;font-size:14px;margin-inline-start:56px}
@keyframes mq{to{transform:translateX(-33.333333%)}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;padding:70px 0 30px;text-align:center}
.stats b{display:block;font:700 clamp(40px,7vw,64px)/1.1 Cairo,Tahoma,sans-serif;background:linear-gradient(180deg,#fff,var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:var(--mute)}
/* reveal */
.rv{opacity:0;transform:translateY(40px);filter:blur(6px);transition:all .9s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none;filter:none}
/* vote */
.sec{padding:60px 0 80px}
.sec h2{font-size:clamp(30px,5vw,46px)}.sub{color:var(--mute);margin:6px 0 22px}
input[type=search]{width:100%;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px 16px;font:inherit;margin-bottom:16px}
input[type=search]:focus{border-color:var(--p2);box-shadow:var(--glow);outline:0}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:22px}
.tab{white-space:nowrap;background:none;border:1px solid var(--line);border-radius:99px;padding:6px 16px;font-size:15px;transition:.25s}
.tab:hover{border-color:var(--p2)}
.tab[aria-selected=true]{background:var(--p1);border-color:var(--p2);color:var(--on);box-shadow:var(--glow)}
.tab small{opacity:.7;margin-inline-start:6px}
.layout{display:grid;grid-template-columns:260px 1fr;gap:28px}
@media(max-width:760px){.layout{grid-template-columns:1fr}}
.cats{display:flex;flex-direction:column;gap:2px;max-height:540px;overflow:auto;border-inline-end:1px solid var(--line);padding-inline-end:12px}
@media(max-width:760px){.cats{max-height:200px;border:0;padding:0}}
.cat{text-align:start;background:none;border:0;border-radius:8px;padding:9px 12px;display:flex;justify-content:space-between;gap:8px;font-size:15px;transition:.2s}
.cat:hover{background:var(--card)}.cat[aria-current=true]{background:var(--card);color:var(--p3);font-weight:600;box-shadow:inset -3px 0 var(--p2)}
.cat i{font-style:normal;color:#7dffb4}
.panel h3{font-size:28px}
.cands{display:grid;gap:12px;margin-top:16px}
.cand{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:12px 16px;transition:transform .25s,border-color .25s,box-shadow .25s;animation:ci .5s both;animation-delay:calc(var(--i)*70ms)}
@keyframes ci{from{opacity:0;transform:translateX(30px)}}
.cand:hover{transform:translateY(-3px);border-color:var(--p2);box-shadow:0 10px 40px rgba(var(--r1),.3)}
.cand.won{border-color:var(--p3);box-shadow:var(--glow)}
.av{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:700 23px Cairo,Tahoma,sans-serif;color:var(--on);background:linear-gradient(135deg,var(--p1),var(--p3))}
.nm{font-weight:600}.vt{font-size:14px;color:var(--mute)}
.bar{height:5px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:6px;overflow:hidden}
.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--p1),var(--p3));transition:width .8s}
.vbtn{background:none;border:1px solid var(--p2);color:var(--p3);border-radius:99px;padding:8px 20px;font-weight:600;transition:.25s}
.vbtn:hover:not(:disabled){background:var(--p1);color:var(--on);box-shadow:var(--glow)}
.vbtn:disabled{opacity:.4;cursor:default}.vbtn.done{background:var(--p1);color:var(--on);opacity:1}
.prog{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.prog .bar{flex:1;min-width:140px;height:8px;margin:0}
.reset{background:none;border:0;color:var(--mute);text-decoration:underline;font-size:14px}
dialog{background:var(--card);color:var(--ink);border:1px solid var(--p2);border-radius:16px;padding:26px;max-width:380px;box-shadow:var(--glow)}
dialog::backdrop{background:rgba(3,1,8,.75);backdrop-filter:blur(4px)}
dialog[open]{animation:pop .3s}@keyframes pop{from{opacity:0;transform:scale(.9)}}
dialog menu{display:flex;gap:10px;padding:0;margin:20px 0 0}
.cta.in2{opacity:1;animation:none;border:0}
.toast{z-index:60;position:fixed;inset-inline:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:90%;background:var(--p1);color:var(--on);padding:10px 22px;border-radius:99px;font-weight:600;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s;box-shadow:var(--glow)}
.toast.on{opacity:1;transform:none}
footer{border-top:1px solid var(--line);padding:32px 0;color:var(--mute);font-size:14px;text-align:center}
footer img{height:38px;margin-bottom:8px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}.tl b,.pol,.hero p,.count,.cta{opacity:1;transform:none}.rv{opacity:1;transform:none;filter:none}#intro{display:none}}
.adminbtn{display:none;margin-inline-end:10px}.adminbtn.on{display:inline-block}
.av img,.avi img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.av{overflow:hidden}
.empty{padding:50px 20px;text-align:center;color:var(--mute);border:1px dashed var(--line);border-radius:14px}
#adm{position:fixed;inset:0;z-index:40;background:var(--bg);display:grid;grid-template-columns:240px 1fr;overflow:hidden;animation:pop .3s}
#adm[hidden]{display:none}
#adm aside{background:var(--bg2);border-inline-end:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;overflow:auto}
#adm aside .brand{margin-bottom:14px}
.nb{display:flex;gap:10px;align-items:center;background:none;border:0;border-radius:10px;padding:10px 12px;text-align:start;color:var(--mute);transition:.2s}
.nb:hover{background:var(--card);color:var(--ink)}.nb[aria-current=true]{background:var(--p1);color:var(--on);box-shadow:var(--glow)}
.nb.x{margin-top:auto;color:var(--p3)}
#adm main{overflow:auto;padding:28px 32px 60px}
#adm h2{font-size:30px;margin-bottom:4px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:20px 0}
.kpi{background:linear-gradient(135deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:16px}
.kpi b{display:block;font:700 32px/1.1 Cairo,Tahoma,sans-serif;color:var(--p3)}.kpi span{font-size:14px;color:var(--mute)}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px}
.box h3{font-size:20px;margin-bottom:12px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.in,.sel{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 12px;font:inherit;min-width:0}
.in:focus,.sel:focus{border-color:var(--p2);outline:0;box-shadow:0 0 0 3px rgba(var(--r2),.25)}
.in.n{width:110px}.in.g{flex:1;min-width:160px}
.btn{background:linear-gradient(135deg,var(--p1),var(--p2));color:var(--on);border:0;border-radius:8px;padding:9px 18px;font-weight:600;transition:.2s}
.btn:hover{box-shadow:var(--glow)}.btn.o{background:none;border:1px solid var(--p2);color:var(--p3)}
.btn.s{padding:5px 10px;font-size:13px}.btn.d{background:none;border:1px solid #ff6b88;color:#ff8aa0}.btn.d:hover{background:#ff3d63;color:var(--on);box-shadow:none}
.tbl{display:grid;gap:8px}
.tr{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
.tr.c{grid-template-columns:1fr 170px auto auto}
.avi{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--p1),var(--p3));display:grid;place-items:center;font:700 18px Cairo,Tahoma,sans-serif;cursor:pointer;overflow:hidden;position:relative;border:0;color:var(--on);padding:0}
.avi:hover::after{content:"＋";position:absolute;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center}
.tools2{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mini{font-size:13px;color:var(--mute)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 14px;background:var(--bg2)}
.chip button{background:none;border:0;color:#ff8aa0;font-size:16px;line-height:1}
.lb{display:grid;gap:6px}.lb div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg2)}
.lb i{font-style:normal;color:var(--p2);font-weight:700}
@media(max-width:820px){#adm{grid-template-columns:1fr;grid-template-rows:auto 1fr}#adm aside{flex-direction:row;overflow-x:auto;padding:10px;border:0;border-bottom:1px solid var(--line)}#adm aside .brand{display:none}.nb.x{margin:0}.nb{white-space:nowrap}#adm main{padding:20px 16px 60px}.tr.c{grid-template-columns:1fr 1fr}}

:root[data-theme="gold"]{--bg:#050505;--bg2:#0c0a06;--card:#15110a;--ink:#f3ead6;--mute:#a89a7a;--p1:#b8923f;--p2:#d9b765;--p3:#ecd9a2;--r1:184,146,63;--r2:217,183,101;--deep:#3b2a08;--card2:#0b0905;--on:#1a1405}
:root[data-theme="purple"]{--r1:122,44,240;--r2:164,92,255}
:root[data-theme="gold"] .logo,:root[data-theme="gold"] .brand img,:root[data-theme="gold"] footer img,:root[data-theme="gold"] #intro img{filter:hue-rotate(150deg) saturate(1.5) brightness(1.25) drop-shadow(0 0 24px rgba(var(--r2),.7))}
.layout{grid-template-columns:1fr!important;gap:14px}
.cats{flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto;max-height:none!important;border:0!important;padding:0 0 8px!important;margin-bottom:6px}
.cat{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:6px 16px}
.cat[aria-current=true]{box-shadow:none;background:var(--p1);color:var(--on);border-color:var(--p2)}
.ph2{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}
.ph2 h3{font-size:clamp(26px,4vw,38px)}.ph2 .mini{color:var(--mute)}
.cands{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:16px!important;margin-top:0!important}
.pc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,var(--card),var(--bg));box-shadow:0 3px 0 rgba(var(--r2),.45);animation:ci .5s both;animation-delay:calc(var(--i)*80ms);transition:transform .3s,box-shadow .3s}
.pc:hover{transform:translateY(-5px);box-shadow:0 3px 0 rgba(var(--r2),.6),0 18px 40px rgba(var(--r1),.35)}
.pc.won{border-color:var(--p3);box-shadow:0 3px 0 var(--p3),var(--glow)}
.ph{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,var(--card),var(--bg2));overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.pc:hover .ph img{transform:scale(1.06)}
.ph::after{content:"";position:absolute;inset:8px;border:1px solid rgba(var(--r2),.35);pointer-events:none}
.ini{display:grid;place-items:center;height:100%;font:700 72px Cairo,Tahoma,sans-serif;color:var(--p2);opacity:.55}
.pb{padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(var(--r2),.08),transparent 40%)}
.pb::before{content:"";width:30px;height:2px;background:var(--p2);margin:0 auto;border-radius:2px}
.pn{font:500 21px/1.3 Cairo,Tahoma,sans-serif}
.pv{align-self:center;border:1px solid var(--line);border-radius:99px;padding:1px 16px;font-size:14px;color:var(--p3)}
.pvb{width:100%;background:linear-gradient(135deg,var(--p3),var(--p2) 55%,var(--p1));color:#1a1405;border:0;border-radius:6px;padding:10px;font-weight:600;box-shadow:0 3px 0 rgba(0,0,0,.4);transition:filter .2s,transform .2s}
.pvb:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.pvb:disabled{opacity:.55;cursor:default}.pvb.done{filter:none;opacity:1}
.pl{background:none;border:0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px;color:var(--mute);padding:2px}
.pl:hover{color:var(--p3)}.pl i{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;color:var(--p2)}
#pdlg{max-width:420px;width:90%;text-align:center;padding:0;overflow:hidden}
#pdlg .ph{aspect-ratio:4/4.4}#pdlg .pb{padding:18px}
:root{--glow:0 6px 18px rgba(0,0,0,.45),0 0 0 1px rgba(var(--r2),.4)}
:root[data-theme="gold"] .logo,:root[data-theme="gold"] .brand img,:root[data-theme="gold"] footer img,:root[data-theme="gold"] #intro img,.logo,.brand img,footer img,#intro img{filter:none}
.logo{filter:drop-shadow(0 12px 16px rgba(0,0,0,.6));animation:fl 9s ease-in-out infinite}
@keyframes fl{50%{translate:0 -5px}}
@keyframes ld{0%{opacity:0;transform:scale(.75)}100%{opacity:1;transform:none}}
.beams{opacity:.3;animation-duration:120s;filter:blur(50px)}
.cta::after{animation-duration:6s}
.cta{box-shadow:0 4px 14px rgba(0,0,0,.5)}
.tab[aria-selected=true]{box-shadow:none}
.pc:hover{box-shadow:0 3px 0 rgba(var(--r2),.6),0 14px 28px rgba(0,0,0,.55)}
.pc.won{box-shadow:0 3px 0 var(--p3)}
[hidden]{display:none!important}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:55;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
#sp{position:fixed;top:0;inset-inline:0;height:2px;z-index:70;background:linear-gradient(90deg,var(--p1),var(--p3));transform-origin:right;transform:scaleX(0)}
#cf{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80}
.eye{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--p2);font-size:15px;font-weight:600;margin-bottom:12px;opacity:0;animation:fade 1s 2.2s forwards}
.eye::before,.eye::after{content:"";width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--p2))}.eye::after{transform:scaleX(-1)}
.pol{letter-spacing:0!important;font-weight:700}
.pol::after{content:"";display:block;width:140px;height:1px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--p2),transparent)}
.tl b{font-weight:800}
.hero .wrap{will-change:transform,opacity}
.rv h2::after{content:"";display:block;width:0;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--p2),transparent);transition:width 1.2s .3s cubic-bezier(.2,.8,.2,1)}.rv.in h2::after{width:90px}
.stats>div{position:relative}.stats>div+div::before{content:"";position:absolute;inset-inline-start:0;top:18%;bottom:18%;width:1px;background:var(--line)}
.stats b{font-weight:800}
.lead{padding:50px 20px 10px}
.eh{margin-bottom:18px}.eh span{color:var(--p2);font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center}.eh span::before{content:"";width:28px;height:1px;background:var(--p2)}
.eh h2{font-size:clamp(28px,4.5vw,42px);font-weight:800}
.lscroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 20px;scrollbar-width:thin}
.lc{flex:0 0 190px;scroll-snap-align:start;text-align:center;background:linear-gradient(180deg,var(--card),var(--bg));border:1px solid var(--line);border-radius:12px;padding:18px 12px;transition:transform .3s,border-color .3s}
.lc:hover{transform:translateY(-4px);border-color:var(--p2)}
.lp{position:relative;width:98px;height:98px;margin:0 auto 14px;border-radius:50%;padding:3px;background:conic-gradient(var(--p3),var(--p1),var(--p3))}
.lp img,.lp span{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--card);font:700 36px Cairo,sans-serif;color:var(--p2)}
.lp em{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font:600 11px Cairo,sans-serif;font-style:normal;background:var(--p2);color:var(--on);padding:1px 12px;border-radius:99px;white-space:nowrap}
.lt{font-size:13px;color:var(--mute)}.ln{font-weight:700;font-size:17px;line-height:1.4}.lv{font-size:13px;color:var(--p3);margin-top:2px}
@keyframes ci{from{opacity:0;transform:translateY(26px) scale(.97)}}
.pc{position:relative;animation:none;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,box-shadow .3s}
.cands.anim .pc{animation:ci .65s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i)*70ms)}
.pc:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}
.pc::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(var(--r2),.16),transparent 60%)}
.pc:hover::before{opacity:1}
.ph::before{content:"";position:absolute;top:0;bottom:0;width:45%;left:-60%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-18deg)}
.pc:hover .ph::before{left:130%;transition:left .9s ease}
.pn{font-weight:700}.pv{font-variant-numeric:tabular-nums}
.pvb{position:relative;overflow:hidden}
.rp{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:rp .65s ease-out forwards;pointer-events:none}
@keyframes rp{to{transform:scale(1);opacity:0}}
.fl{display:flex;gap:22px;justify-content:center;margin:12px 0}.fl a{color:var(--mute);text-decoration:none;transition:color .2s}.fl a:hover{color:var(--p3)}
@media(prefers-reduced-motion:reduce){.pc,.pc:hover{transform:none}.eye{opacity:1}}
.lw{position:relative;width:max-content;margin:0 auto 6px}
.lw::before{display:none}
@keyframes br{50%{opacity:.55;transform:scale(1.07)}}
.logo,.logo:hover{filter:none!important}.lw .logo{margin:0}
@media(prefers-reduced-motion:reduce){.lw::before{animation:none}}
.logo,.brand img,footer img,#intro img{filter:none!important;animation:none!important}
#intro img{opacity:1;transform:none}
#lg,.logo{transform:none!important;translate:none!important;animation:none!important}
.hero .wrap{transform:none!important}

/* Marquee motion fix */
#mq{animation:mqSmooth 100s linear infinite!important}
@keyframes mqSmooth{from{transform:translateX(0)}to{transform:translateX(-33.333333%)}}
@media(prefers-reduced-motion:reduce){#mq{animation:mqSmooth 100s linear infinite!important}}

/* Keep marquee moving slowly */
.mq #mq{animation:mqSmooth 100s linear infinite!important}

.scroll{display:none!important}

/* Remove rotating logo glow */
.hero .beams{display:none!important;animation:none!important}

/* Organized voting groups */
#tabs{
  display:flex;flex-wrap:wrap;gap:10px;
  overflow:visible;padding:12px 0;margin-bottom:18px;
}
#tabs .tab{
  white-space:normal;line-height:1.7;
  border-radius:12px;padding:10px 16px;
  max-width:100%;text-align:center;
}
#cats{
  display:flex;flex-direction:row!important;flex-wrap:wrap!important;
  overflow:visible;max-height:none!important;
  gap:8px;padding:0 0 16px!important;
}
#cats .cat{
  white-space:normal;line-height:1.7;
  border-radius:10px;padding:9px 14px;max-width:100%;
}
@media(max-width:600px){
  #tabs .tab{flex:1 1 140px;font-size:13px}
  #cats .cat{flex:1 1 140px;font-size:13px}
}