:root{--bg:#05020c;--panel:#110720;--panel2:#1b0933;--line:#6d39ff;--pink:#ff2bd6;--cyan:#13d7ff;--gold:#ffd857;--green:#35f08a;--text:#fff;--muted:#cbbde9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05020c;color:var(--text);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -10%,rgba(96,39,255,.38),transparent 38%),radial-gradient(circle at 90% 20%,rgba(255,43,214,.18),transparent 30%),linear-gradient(180deg,#090016,#05020c 70%);z-index:-3}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;opacity:.25;z-index:-2}.wrap{max-width:1180px;margin:auto;padding:28px}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.logo{max-width:300px;display:block;margin:0 auto 24px;filter:drop-shadow(0 0 12px rgba(103,88,190,.65))}.logo-left{max-width:260px;margin:0 0 22px}.hero{text-align:center}.title,.neon-title{font-size:clamp(44px,8vw,108px);text-align:center;font-weight:900;line-height:.98;letter-spacing:.05em;margin:20px 0;text-transform:uppercase;color:#fff;text-shadow:0 0 4px #fff,0 0 12px var(--gold),0 0 24px var(--pink),0 0 48px var(--pink),0 0 80px var(--cyan);animation:flicker 2.8s infinite}.title span:nth-child(1){color:#fff2a8;text-shadow:0 0 8px var(--gold),0 0 35px var(--gold)}.title span:nth-child(2){color:#ffd4fb;text-shadow:0 0 8px #fff,0 0 35px var(--pink),0 0 65px var(--pink)}.title span:nth-child(3){color:#c9f5ff;text-shadow:0 0 8px #fff,0 0 35px var(--cyan),0 0 65px var(--cyan)}.neon-frame{border:2px solid var(--pink);border-radius:32px;padding:30px;box-shadow:0 0 14px var(--pink),inset 0 0 18px rgba(255,43,214,.35),0 0 70px rgba(19,215,255,.18);background:rgba(8,3,20,.72)}.card{background:linear-gradient(180deg,rgba(34,13,64,.88),rgba(8,4,20,.92));border:1px solid rgba(134,83,255,.75);border-radius:20px;padding:24px;margin:18px 0;box-shadow:0 0 24px rgba(100,39,255,.24),inset 0 0 22px rgba(255,255,255,.03)}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}a{color:inherit}button,input,select,textarea{font-size:18px;border-radius:13px;border:1px solid rgba(134,83,255,.85);padding:13px;background:#080414;color:#fff;outline:none}input,select,textarea{width:100%;max-width:520px;margin:6px 8px 6px 0}textarea{min-height:110px}button{cursor:pointer;background:linear-gradient(90deg,#5a21ff,#ff2b8a);font-weight:bold;box-shadow:0 0 14px rgba(255,43,214,.32);transition:.15s transform,.15s filter}button:hover{transform:translateY(-1px);filter:brightness(1.13)}button.secondary{background:#17102f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.option{display:block;width:100%;margin:12px 0;text-align:left}.option:nth-child(1){border-color:var(--gold)}.option:nth-child(2){border-color:var(--cyan)}.option:nth-child(3){border-color:var(--green)}.option:nth-child(4){border-color:var(--pink)}.big{font-size:clamp(34px,6vw,78px);text-align:center}.pill{display:inline-block;border:1px solid var(--cyan);border-radius:999px;padding:8px 14px;color:#d8fbff;box-shadow:0 0 16px rgba(19,215,255,.35)}.bar{background:#211735;border-radius:999px;overflow:hidden;margin:12px 0;border:1px solid rgba(255,255,255,.08)}.bar span{display:block;background:linear-gradient(90deg,var(--cyan),var(--pink));height:28px;box-shadow:0 0 14px rgba(19,215,255,.8)}.rank{font-size:22px}.rank div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.12);padding:12px}.rank div:nth-child(1){color:var(--gold);font-weight:900}.rank div:nth-child(2){color:#e7e7ff}.rank div:nth-child(3){color:#ffc184}.medal{font-size:44px;color:var(--gold);text-shadow:0 0 18px var(--gold)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.qrbox{background:#fff;color:#000;border-radius:16px;padding:18px;text-align:center;min-height:170px;display:flex;align-items:center;justify-content:center;font-weight:bold}.blink{animation:blink 1.3s infinite}.center{text-align:center}@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,55%{opacity:.58}56%{opacity:.82}}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.45}}@media(max-width:700px){.wrap{padding:16px}.stage{padding:12px}.title,.neon-title{font-size:42px}.logo{max-width:220px}.topbar{display:block}}