@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Space+Grotesk:wght@600;700&display=swap');
:root{--bg:#020714;--panel:#071328;--line:#173862;--muted:#8194b6;--cyan:#19e4ff;--pink:#ff2db8;--gold:#ffd45a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#09224b,transparent 30%),radial-gradient(circle at 90% 35%,#26062f,transparent 28%),var(--bg);color:#f6f8ff;font:14px Inter,Arial,sans-serif;min-height:100vh}.gridbg{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#1b3c67 1px,transparent 1px),linear-gradient(90deg,#1b3c67 1px,transparent 1px);background-size:48px 48px}.top{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173052;background:#030a18dd;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand>b{font-size:27px}.brand strong,.brand small{display:block}.brand strong{font-family:"Space Grotesk";font-size:15px}.brand small{color:#7990b5;font-size:9px;margin-top:3px}.top nav{display:flex;gap:18px}.top nav a{color:#8398bb;text-decoration:none;font-weight:800;font-size:11px;padding:29px 0}.top nav a.active,.top nav a:hover{color:#fff;border-bottom:3px solid var(--cyan)}main{max-width:1420px;margin:auto;padding:0 3vw 60px}.hero{min-height:430px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:60px 5vw 35px}.pill{display:inline-block;padding:7px 13px;border:1px solid #32628e;border-radius:30px;color:#bfe5ff;font-size:10px;font-weight:900;letter-spacing:.12em;background:#0b224133}.hero h1,.results h1,.admin h1,.login h1{font:700 clamp(46px,6vw,82px)/.88 "Space Grotesk";letter-spacing:-.06em;margin:20px 0}.hero em,.results em,.admin em,.login em{font-style:normal;background:linear-gradient(100deg,#fff,var(--cyan),#ff49cf);-webkit-background-clip:text;color:transparent}.hero p{max-width:620px;color:#a2b3cf;line-height:1.75}.stats{display:flex;gap:10px;margin-top:25px}.stats div,.adminstats div{padding:12px 18px;border:1px solid var(--line);border-radius:13px;background:#06132a99}.stats b{display:block;font-size:22px}.stats small{font-size:9px;color:#748bb0}.hero-visual{height:280px;display:grid;place-items:center;position:relative}.laptop{width:310px;height:205px;border:8px solid #8198bd;border-radius:16px;transform:perspective(700px) rotateY(-15deg) rotateX(4deg);box-shadow:0 0 55px #078dff44}.lap-screen{height:100%;background:linear-gradient(145deg,#081b42,#040b19);border-radius:8px;display:grid;place-items:center}.lap-screen span{font:900 38px "Space Grotesk";text-shadow:0 0 20px #d0f}.lap-screen strong{background:linear-gradient(90deg,var(--cyan),var(--pink));padding:10px 25px;border-radius:20px}.floating{position:absolute;right:0;bottom:15px;padding:11px 15px;background:#061a32;border:1px solid #1b6d9c;border-radius:11px;color:#7eeeff;font-weight:900;font-size:10px}.shell,.tips>div,.editcard,.loginbox{background:#061125dd;border:1px solid #1a3d67;border-radius:19px;padding:24px;box-shadow:0 25px 80px #0007}.poll-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.poll-head small{font-size:9px;color:#607ba3;letter-spacing:.13em;font-weight:900}.poll-head h2{font:700 20px "Space Grotesk";margin:6px 0}.live{font-size:10px;color:#61ffc0;font-weight:900}.token-row{display:flex;align-items:end;gap:15px;margin:0 0 20px;padding:13px;border:1px solid #15345a;border-radius:12px;background:#071932}.token-row label{min-width:280px}.token-row input,.editcard input,.loginbox input{display:block;width:100%;margin-top:7px;background:#020a18;border:1px solid #27486f;color:white;border-radius:9px;padding:11px 12px;outline:none}.token-row>span{font-size:10px;color:#647fa6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;padding:10px;border:1px solid var(--accent);border-radius:15px;background:linear-gradient(150deg,#071b38,#040c1d);cursor:pointer;transition:.22s}.card:hover{transform:translateY(-4px)}.card:has(input:checked){outline:2px solid var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent) 24%,transparent)}.card input{position:absolute;opacity:0}.num{position:absolute;z-index:2;top:16px;left:16px;padding:6px 8px;border-radius:8px;background:var(--accent);color:#001321;font-weight:900;font-size:11px}.thumb{height:120px;border-radius:10px;background:linear-gradient(145deg,#081b3b,#091023);padding:17px;display:flex;flex-direction:column;justify-content:center}.thumb span{color:var(--accent);font-size:7px}.thumb b{font:700 17px/.9 "Space Grotesk";margin-top:10px}.card h3{font-size:14px;margin:12px 4px 5px}.card p{height:25px;margin:0 4px 10px;color:#7187a9;font-size:9px}.card>a{display:block;text-align:center;padding:8px;border-radius:8px;background:var(--accent);color:#001321;text-decoration:none;font-size:9px;font-weight:900}.select{display:flex;justify-content:center;gap:7px;align-items:center;color:#a9bad3;font-size:9px;padding:10px}.select i{width:14px;height:14px;border:2px solid #7f96b8;border-radius:50%}.c1{--accent:#18dcff}.c2{--accent:#a45cff}.c3{--accent:#1ce78e}.c4{--accent:#ff9f2e}.c5{--accent:#ff3169}.c6{--accent:#19c5e6}.c7{--accent:#e92cff}.vote{display:block;border:0;cursor:pointer;width:min(600px,80%);margin:24px auto 0;padding:15px;border-radius:30px;background:linear-gradient(90deg,#15dfe8,#8c39ff,#ff2db8);color:white;font-weight:900;box-shadow:0 10px 35px #7b31ff33}.lock{text-align:center;color:#607a9e;font-size:9px}.tips{display:grid;grid-template-columns:1fr 1fr .7fr;gap:16px;margin-top:18px}.tips h3{font:700 17px "Space Grotesk"}.tips li{color:#95a9c6;font-size:10px;margin:10px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:8px 10px;border-radius:20px;border:1px solid #1d426b;color:#a7bad6;font-size:9px}.quote{text-align:center!important;background:radial-gradient(circle at 50% 0,#ffd45a1d,transparent 55%),#071426!important}.quote strong{display:block;color:var(--gold);font:italic 700 21px "Space Grotesk";margin-top:8px}.quote p{font-size:10px;line-height:1.6;color:#91a6c3}.results{max-width:1000px;padding-top:70px;text-align:center}.results>p{color:#8197b8}.result{display:flex;align-items:center;gap:15px;text-align:left;margin:10px 0;padding:15px 18px;background:#061328e8;border:1px solid #17385e;border-radius:14px}.rank{width:40px;height:40px;border-radius:11px;background:#102744;display:grid;place-items:center;font-weight:900}.ri{flex:1}.rt{display:flex;justify-content:space-between;margin-bottom:8px}.rt span{color:#8197b7;font-size:10px}.bar{height:9px;background:#0b1d36;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:20px}.ri a{display:block;margin-top:7px;color:#6c94c5;text-decoration:none;font-size:9px}.medal{font-size:22px;width:35px}.updated{margin:18px;color:#5f769a;font-size:9px}.admin{padding-top:45px}.adminhead{display:flex;justify-content:space-between;align-items:end}.admin-actions{display:flex;gap:8px}.admin-actions a,.mini{padding:9px 11px;border:1px solid #24517b;border-radius:8px;color:#a8c3e3;text-decoration:none;font-size:9px;font-weight:800}.adminstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.adminstats b{font-size:28px;display:block}.adminstats span{color:#7086a9;font-size:9px}.adminrow{display:flex;align-items:center;gap:12px;margin:12px 0}.generate{display:flex;gap:8px;align-items:end}.generate input{width:90px;padding:10px;background:#061226;border:1px solid #27486d;color:white;border-radius:9px}.smallbtn,.danger{border:1px solid #27628e;background:#0a2541;color:#c9e7ff;padding:9px 12px;border-radius:8px;font-size:9px;font-weight:900}.danger{border-color:#7c2946;background:#341322;color:#ff9fbc}.code-table{border:1px solid #18385c;border-radius:13px;overflow:hidden}.tr{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;padding:11px 15px;border-bottom:1px solid #102c4a;font-size:10px;align-items:center}.tr:last-child{border:0}.th{color:#6982a7;font-weight:900;background:#07182d}.participant small{display:block;color:#6f86a8;margin-top:4px}.mono{font-family:monospace}.free{color:#5cffb6}.used{color:#ff759e}.inline{display:inline}.editgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.editcard h3{font-family:"Space Grotesk"}.editcard label{display:block;margin:10px 0;color:#8fa5c5;font-size:9px;font-weight:800}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(430px,100%);padding:30px}.loginbox label{display:block;margin:15px 0;color:#9eb3d1;font-size:10px;font-weight:800}.loginbox .vote{width:100%}.back{display:block;text-align:center;margin-top:15px;color:#7591b8;font-size:10px;text-decoration:none}.alert{padding:11px 13px;border-radius:10px;margin:10px 0;font-size:11px}.bad{background:#3b1020;border:1px solid #a33a5d;color:#ff9fbc}.good{background:#0a3326;border:1px solid #198a62;color:#81ffd0}.csvhelp{color:#7890b3;font-size:10px;line-height:1.7}.sample{margin-top:15px;border:1px solid #17375d;border-radius:10px;padding:12px;color:#87a1c5;font-size:10px}.sample pre{white-space:pre-wrap}.admin-actions+*{}footer{border-top:1px solid #173252;padding:22px 5vw;color:#7d93b4;font-size:10px;display:flex;justify-content:space-between}footer span{margin-left:15px;color:#5c7395}footer a{color:#7095c3;text-decoration:none}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.tips{grid-template-columns:1fr 1fr}.quote{grid-column:span 2}.hero{grid-template-columns:1fr}.hero-visual{display:none}}@media(max-width:650px){.top{padding:0 16px}.top nav{gap:10px}.top nav a{font-size:9px}.hero{padding:45px 5vw 30px}.hero h1{font-size:52px}.cards{grid-template-columns:repeat(2,1fr)}.token-row{display:block}.token-row label{min-width:0}.token-row>span{display:block;margin-top:8px}.tips,.editgrid{grid-template-columns:1fr}.quote{grid-column:auto}.adminhead{display:block}.admin-actions{margin-top:15px;flex-wrap:wrap}.adminstats{grid-template-columns:1fr 1fr}.vote{width:95%}.tr{grid-template-columns:1fr;gap:7px}footer{display:block;text-align:center}footer span{display:block;margin:7px 0}.results h1{font-size:50px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.stats div{padding:10px}}