:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff;color:#1f2937;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{width:100%;max-width:420px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0f172a1f}h2,h3,h4{text-align:center;margin-bottom:20px;color:#1f2937;font-size:clamp(18px,4vw,24px)}form{display:flex;flex-direction:column;gap:15px}label{display:flex;flex-direction:column;gap:6px;color:#1f2937;font-size:14px;font-weight:600}input,select{width:100%;padding:12px;border:none;border-radius:8px;background:#f8fafc;color:#1f2937;font-size:16px;border:1px solid #d1d5db}input:focus,select:focus{outline:2px solid #38bdf8;border-color:transparent}input.field-valid{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf83d}input[readonly]{background:#eef2f7;color:#475569;cursor:default}button,.upload-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .3s ease;text-align:center}button:hover,.upload-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#0284c7,#7dd3fc)}button:disabled{cursor:not-allowed;opacity:.7;transform:none}.terms-link{display:inline-block;align-self:center;margin-top:-4px;color:#0284c7;font-size:14px;font-weight:700;text-align:center;text-decoration:underline;text-underline-offset:3px}.terms-link:hover{color:#0369a1}p{font-size:14px;margin:0}.success-message{margin-top:20px;padding:12px;border-radius:8px;background:linear-gradient(135deg,#f6c61a,#f67912);color:#fff;font-weight:700;text-align:center;box-shadow:0 4px 10px #00000080;animation:fadeIn .5s ease-in-out}.error-message,.info-message,.valid-message{padding:10px;border-radius:8px;font-weight:700;text-align:center}.error-message{background:#4c0f0f;color:#ffd8d8}.info-message{background:#1d3557;color:#d8ebff}.valid-message{background:#123d25;color:#d7ffe7}.thankyou-message{text-align:center;padding:30px;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #bae6fd;border-radius:12px;color:#0f172a;font-weight:700;animation:fadeIn .6s ease-in-out}.thankyou-message h2{margin-bottom:15px;font-size:22px;color:#0369a1}.thankyou-message p+p{margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.container{max-width:95%;padding:15px}input,select,button,.upload-btn{font-size:14px;padding:10px}.thankyou-message h2{font-size:18px}}.logo{display:block;max-width:300px;margin:0 auto 10px}.logos-container{display:flex;justify-content:center;gap:20px}.logo1{max-width:150px}.footer-logo{display:block;margin:20px auto 0}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a73}.join-modal{width:min(100%,360px);padding:26px 22px 22px;border-radius:12px;background:#fff;color:#1f2937;box-shadow:0 20px 45px #0f172a3d;text-align:center;border:1px solid #e5e7eb}.whatsapp-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 12px 24px #16a34a47}.whatsapp-icon svg{width:43px;height:43px;fill:#fff}.join-modal h3{margin:0 0 10px;color:#1f2937;font-size:20px;line-height:1.25}.join-modal p{margin-bottom:18px;color:#4b5563}.modal-actions{display:flex;flex-direction:column;gap:10px}.whatsapp-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:0;border-radius:8px;font-size:16px;font-weight:700;text-align:center}.whatsapp-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 18px #16a34a38}.button-whatsapp-icon{width:22px;height:22px;display:inline-flex}.button-whatsapp-icon svg{width:22px;height:22px;fill:currentColor}.secondary-button{background:#e5e7eb;color:#1f2937}.secondary-button:hover{background:#d1d5db;transform:none}.whatsapp-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;transform:none}h6,a{text-align:center;margin-bottom:20px;color:#1f2937;font-size:clamp(14px,4vw,18px)}*{box-sizing:border-box}.tv-container{width:100%;min-height:100vh;padding:32px 20px;background:#fff;color:#1f2937;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tv-header{width:min(100%,1100px);margin:0 auto 28px;padding:24px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0f172a1f;text-align:center}.tv-header h1{margin:0 0 18px;color:#1f2937;font-size:clamp(30px,5vw,48px);line-height:1.1}.tv-stats{display:flex;justify-content:center;align-items:stretch;gap:14px;flex-wrap:wrap}.tv-header h2,.tv-header h3{min-width:min(100%,280px);margin:0;padding:12px 16px;border-radius:8px;font-size:clamp(18px,3vw,28px);line-height:1.25}.tv-header h2{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;box-shadow:0 8px 18px #0ea5e938}.tv-header h3{border:1px solid #bae6fd;background:#f0f9ff;color:#0369a1;font-weight:700}.tv-ranking{width:min(100%,1100px);margin:0 auto;padding:20px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0f172a1f}.tv-row{display:grid;grid-template-columns:minmax(220px,320px) 1fr 90px;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #e5e7eb}.tv-row:last-child{border-bottom:0}.tv-label{color:#1f2937;font-size:clamp(18px,2.5vw,24px);font-weight:700;overflow-wrap:anywhere}.tv-bar-container{min-height:36px;overflow:hidden;border:1px solid #d1d5db;border-radius:8px;background:#f8fafc}.tv-bar{height:36px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);transition:width .8s ease}.tv-count{min-width:72px;padding:9px 12px;border-radius:8px;background:#eef2f7;color:#1f2937;font-size:clamp(18px,2.5vw,24px);font-weight:800;text-align:center}@media(max-width:720px){.tv-container{padding:20px 12px}.tv-header,.tv-ranking{padding:16px}.tv-row{grid-template-columns:1fr 72px;gap:10px}.tv-bar-container{grid-column:1 / -1;grid-row:2}}.live-container{background:radial-gradient(circle at center,#111,#000);color:#fff;min-height:100vh;padding:40px;font-family:Arial,Helvetica,sans-serif}.live-header{text-align:center;margin-bottom:40px}.live-header h1{font-size:50px}.live-header h2{font-size:28px;color:#fc0}.live-total{margin-top:10px;font-size:22px;background:#222;display:inline-block;padding:8px 16px;border-radius:8px}.live-ranking{max-width:1200px;margin:auto}.live-row{display:flex;align-items:center;margin-bottom:20px}.live-shop{width:260px;font-size:22px}.live-bar-container{flex:1;height:35px;background:#222;border-radius:8px;overflow:hidden;margin-right:15px}.live-bar{height:100%;background:linear-gradient(90deg,#ff3b3b,#ff8c00);transition:width .8s}.live-bar.leader{background:linear-gradient(90deg,#0f8,#00c853)}.live-votes{width:70px;font-size:22px;text-align:right}.live-percent{width:70px;font-size:20px;text-align:right;color:#fc0}@media(max-width:900px){.live-header h1{font-size:36px}.live-header h2{font-size:20px}.live-shop{width:180px;font-size:18px}.live-bar-container{height:28px}.live-votes,.live-percent{font-size:18px}}@media(max-width:600px){.live-container{padding:20px}.live-header h1{font-size:28px}.live-header h2{font-size:18px}.live-row{flex-direction:column;align-items:flex-start;background:#1a1a1a;padding:12px;border-radius:10px}.live-shop{width:100%;margin-bottom:8px}.live-bar-container{width:100%;margin-right:0}.live-votes,.live-percent{width:auto;font-size:16px;margin-top:5px}}
