:root{--bg:#07111f;--panel:rgba(14,28,46,.78);--line:rgba(255,255,255,.1);--text:#f8fafc;--muted:#99a8ba;--cyan:#35e4c1;--blue:#5687ff;--gold:#ffcb67;--danger:#ff7e8a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -15%,#17385d 0,#07111f 43%,#040912 100%);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.shell{width:min(1040px,calc(100% - 32px));margin:auto;padding:72px 0 35px}.hero{text-align:center;margin-bottom:40px}.eyebrow{display:inline-flex;color:var(--cyan);letter-spacing:.24em;font-size:11px;font-weight:800;background:rgba(53,228,193,.08);border:1px solid rgba(53,228,193,.25);padding:7px 12px;border-radius:999px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em;margin:22px 0 18px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#8ea9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:17px;margin:auto;max-width:590px}.orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.orb-a{width:340px;height:340px;background:#25f0c5;top:15%;left:-170px}.orb-b{width:420px;height:420px;background:#436fff;bottom:-200px;right:-120px}.card{position:relative;background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.step{position:absolute;right:26px;top:22px;font-size:12px;font-weight:800;color:#53657a;letter-spacing:.15em}.card h2{font-size:22px;margin:0 0 4px}.muted{margin:0;color:var(--muted)}.dropzone{margin-top:25px;min-height:220px;border:1.5px dashed #38516c;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.25s;background:rgba(255,255,255,.018)}.dropzone:hover,.dropzone.drag{border-color:var(--cyan);background:rgba(53,228,193,.045);transform:translateY(-2px)}.upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(53,228,193,.1);color:var(--cyan);font-size:27px;margin-bottom:12px}.dropzone strong{font-size:17px}.dropzone span:not(.upload-icon){color:var(--muted)}.dropzone small{margin-top:12px;color:#668098;font-size:11px;letter-spacing:.15em}.file-pill{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid rgba(53,228,193,.22);background:rgba(53,228,193,.05);border-radius:14px}.file-pill>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cyan);color:#05261f;font-weight:900}.file-pill div{display:flex;flex-direction:column;min-width:0}.file-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pill small{color:var(--muted)}.file-pill button{margin-left:auto;border:0;background:none;color:var(--muted);font-size:25px;cursor:pointer}.alert{padding:13px 15px;margin-top:16px;color:#ffd8dc;background:rgba(255,79,98,.09);border:1px solid rgba(255,126,138,.25);border-radius:12px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.stats article{background:rgba(14,28,46,.65);border:1px solid var(--line);border-radius:17px;padding:16px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:28px;margin-top:2px}.stats .valid{border-color:rgba(53,228,193,.25)}.stats .valid strong{color:var(--cyan)}.draw-card{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:18px}.primary,.secondary{border:0;border-radius:14px;padding:15px 21px;font:700 15px inherit;cursor:pointer;transition:.2s}.primary{color:#031b17;background:linear-gradient(115deg,var(--cyan),#8cf0dd);box-shadow:0 8px 30px rgba(53,228,193,.18)}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(53,228,193,.28)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:var(--text);background:rgba(255,255,255,.07);border:1px solid var(--line)}.small{padding:13px 18px}.stage{text-align:center;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown{font-size:120px;line-height:1;font-weight:900;color:var(--cyan);text-shadow:0 0 50px rgba(53,228,193,.45);animation:pulse .8s infinite}.stage p{color:var(--muted);font-size:17px}.ticker{font-size:clamp(22px,5vw,42px);font-weight:800;min-height:65px;letter-spacing:-.03em}.winner{position:relative;overflow:hidden;text-align:center;margin-top:20px;padding:45px 25px;background:linear-gradient(145deg,rgba(21,51,68,.93),rgba(14,27,48,.95));border:1px solid rgba(53,228,193,.35);border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.35),0 0 80px rgba(53,228,193,.08);animation:reveal .65s ease both}.winner-label{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.21em}.avatar{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;margin:24px auto 15px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061423;font-size:28px;font-weight:900;border:5px solid rgba(255,255,255,.1)}.winner h2{margin:0;font-size:clamp(34px,6vw,54px);letter-spacing:-.045em}.contact{display:flex;justify-content:center;align-items:center;gap:12px;color:#aab8c7;margin:12px 0}.contact i{width:4px;height:4px;border-radius:50%;background:#5d7188}.draw-meta{font-size:12px;color:#62758b;margin:18px 0 23px}.actions{display:flex;justify-content:center;gap:10px}.confetti span{position:absolute;top:-15px;width:8px;height:14px;animation:fall 2.5s linear forwards}.hidden{display:none!important}footer{text-align:center;color:#53657a;padding:0 20px 35px;font-size:12px}@keyframes pulse{50%{transform:scale(.88);opacity:.65}}@keyframes reveal{from{transform:translateY(25px) scale(.97);opacity:0}}@keyframes fall{to{transform:translateY(560px) rotate(600deg);opacity:.15}}@media(max-width:760px){.shell{padding-top:45px}.stats{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){grid-column:span 2;grid-row:1}.draw-card{grid-template-columns:1fr;gap:20px}.draw-card .primary{width:100%}.contact,.actions{flex-direction:column}.contact i{display:none}.actions button{width:100%}.card{padding:23px}}
