@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.container{width:100%}.block{display:block}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html{scroll-behavior:smooth}body{color:#333;background:#f9f9f9;margin:0;font-family:Arial,sans-serif}header{color:#fff;text-align:center;background:url(/images/page/banner.png) top/cover no-repeat;height:1120px;padding:60px 20px;position:relative}@media (min-width:1920px){header{height:1120px}}@media (min-width:2560px){header{height:1580px}}@media (max-width:768px){header{background:url(/images/page/banner_mobile.png) top/cover no-repeat;height:800px;padding:40px 20px}}header:before{content:"";z-index:1;position:absolute;top:0;left:0}header .cta-buttons,header h1,header p{z-index:2;position:relative}header h1{margin:0;font-size:28px}header p{margin-top:10px;font-size:18px}.cta-buttons{margin-top:390px}.cta-buttons a{color:#fff;background:#ff3d00;border-radius:6px;margin:0 8px;padding:12px 24px;font-weight:700;text-decoration:none}@media (min-width:1920px){.cta-buttons{margin-top:500px}}@media (min-width:2560px){.cta-buttons{margin-top:600px}}@media (max-width:768px){.cta-buttons{margin-top:230px}.cta-buttons a{width:-moz-fit-content;width:fit-content;margin:8px auto;display:block}}section{max-width:1200px;margin:auto;padding:40px 20px}section h2{text-align:center;color:#0071ce;margin-bottom:20px;font-size:2.5rem;font-weight:700}.rewards{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a}.rewards ul{padding:0;list-style:none}.rewards li{margin:10px 0;font-size:18px}.songs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px;display:grid}.song-card{text-align:center;background:#fff;border-radius:10px;padding-bottom:15px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.song-card iframe{border:none;width:100%;height:180px}.song-card h3{-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;height:2.8em;margin:10px;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.vote-row{justify-content:space-between;gap:10px;padding:15px}.vote-count,.vote-row{align-items:center;display:flex}.vote-count{color:#333;flex-shrink:0;gap:6px;min-width:0;font-size:14px;font-weight:600}.vote-count:before{content:"👥";font-size:16px}.vote-count-number{color:#0071ce;font-size:15px;font-weight:700}.vote-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0071ce;border:none;border-radius:6px;min-width:120px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.vote-btn:hover{background:#005bb5;transform:translateY(-1px)}.vote-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vote-btn.disabled{color:#6b7280;cursor:not-allowed;opacity:.7;background:#9ca3af}.vote-btn.disabled:hover{background:#9ca3af;transform:none}.vote-btn.bg-red-500{background:#dc3545}.vote-btn.bg-red-500:hover{background:#c82333}.vote-actions{align-items:center;gap:12px;display:flex}.vote-status{color:#16a34a;white-space:nowrap;font-size:14px;font-weight:500}.vote-login-required{color:#6b7280;white-space:nowrap;font-size:14px;font-style:italic}@media (max-width:768px){.song-card h3{height:2.5em;font-size:14px}.vote-count{flex-direction:column;align-items:flex-start;gap:2px;font-size:12px}.vote-count-number{font-size:13px}.vote-btn{min-width:100px;padding:6px 12px;font-size:12px}.vote-actions{gap:8px}.vote-status{font-size:12px}}.google-signin-btn{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:200px;margin:0 auto;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #4285f44d}.google-signin-btn:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.google-signin-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4285f44d}.google-icon{flex-shrink:0;width:20px;height:20px}.google-signin-btn span{letter-spacing:.5px;font-weight:600}@media (max-width:768px){.google-signin-btn{gap:10px;min-width:180px;padding:12px 24px;font-size:14px}.google-icon{width:18px;height:18px}}footer{color:#fff;text-align:center;background:#333;padding:8px}.rewards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}.reward-card{text-align:center;background:#fff;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000001a}.reward-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.reward-card h3{margin-bottom:10px;font-size:20px}.reward-card p{margin:0;font-size:16px}.reward-card.first{border-top:5px solid gold}.reward-card.second{border-top:5px solid silver}.reward-card.third{border-top:5px solid #cd7f32}.reward-card.special{border-top:5px solid #28a745}.reward-card img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:180px;margin-bottom:15px}.reward-card.special{max-width:300px;margin:0 auto}.reward-card.special img{-o-object-fit:contain;object-fit:contain;width:60%;height:120px;margin:0 auto 15px;display:block}.stats-header{text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #0071ce;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000001a}.stats-header h2{color:#0071ce;margin:0 0 10px;font-size:24px;font-weight:700}.stats-date{color:#333;justify-content:center;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.vote-stats{background:#fff;border-radius:10px;margin:0 auto;padding:20px;box-shadow:0 4px 10px #0000001a}.vote-stats table{border-collapse:collapse;width:100%}.vote-stats td,.vote-stats th{text-align:left;border-bottom:1px solid #ddd;padding:12px 15px}.vote-stats th{color:#fff;text-align:center;background:#0071ce}.vote-stats td{font-size:15px}.vote-stats tr:hover{background:#f1f9ff}.video-rank{align-items:center;gap:12px;display:flex}.rank-number{color:#fff;text-align:center;background:#0071ce;border-radius:12px;flex-shrink:0;min-width:32px;padding:4px 8px;font-size:14px;font-weight:700}.video-title{color:#333;word-wrap:break-word;flex:1;min-width:0;font-weight:500;line-height:1.4}.vote-display{justify-content:flex-end;align-items:center;gap:4px;display:flex}.vote-number{color:#0071ce;font-size:16px;font-weight:700}.vote-label{color:#666;font-size:12px;font-weight:500}.vote-stats tbody tr:first-child .rank-number{color:#333;background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 4px #ffd7004d}.vote-stats tbody tr:nth-child(2) .rank-number{color:#333;background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 2px 4px #c0c0c04d}.vote-stats tbody tr:nth-child(3) .rank-number{color:#fff;background:linear-gradient(135deg,#cd7f32,#daa520);box-shadow:0 2px 4px #cd7f324d}@media (max-width:768px){.video-rank{gap:8px}.rank-number{min-width:28px;padding:3px 6px;font-size:12px}.video-title,.vote-number{font-size:14px}.vote-label{font-size:11px}}.user-avatar-container{z-index:1000;position:fixed;top:20px;right:20px}.user-avatar-button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .2s,box-shadow .2s}.user-avatar-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.user-avatar{background:#f8f9fa;border:3px solid #0071ce;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;overflow:hidden}.avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-initials{color:#0071ce;text-align:center;font-size:18px;font-weight:700;line-height:1}.user-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:12px;min-width:280px;animation:dropdownFadeIn .2s ease-out;position:absolute;top:60px;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:16px 20px}.user-info{text-align:left}.user-name{color:#333;margin-bottom:4px;font-size:16px;font-weight:600}.user-email{color:#666;word-break:break-all;font-size:14px}.dropdown-divider{background:#e1e5e9;height:1px}.dropdown-actions{padding:8px 0}.logout-button{text-align:left;cursor:pointer;color:#dc3545;background:0 0;border:none;align-items:center;width:100%;padding:12px 20px;font-size:14px;transition:background-color .2s;display:flex}.logout-button:hover{background:#f8f9fa}.logout-icon{stroke:#dc3545;width:16px;height:16px;margin-right:12px}@media (max-width:768px){.user-avatar-container{top:15px;right:15px}.user-avatar{width:45px;height:45px}.avatar-initials{font-size:16px}.user-dropdown{min-width:260px;right:-10px}}.video-thumbnail-container{cursor:pointer;border-radius:10px 10px 0 0;width:100%;height:180px;position:relative;overflow:hidden}.video-thumbnail{-o-object-fit:fill;object-fit:fill;width:100%;height:100%;transition:transform .3s}.video-thumbnail-container:hover .video-thumbnail{transform:scale(1.05)}.video-play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-thumbnail-container:hover .video-play-overlay{opacity:1}.play-button{background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .3s,background .3s;display:flex}.video-thumbnail-container:hover .play-button{background:#000c;transform:scale(1.1)}.video-modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:modalFadeIn .3s ease-out;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{background:#fff;border-radius:12px;width:100%;max-width:45vw;max-height:70vh;animation:modalSlideIn .3s ease-out;position:relative;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.video-modal-close{color:#fff;cursor:pointer;z-index:1001;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:15px;right:15px}.video-modal-close:hover{background:#000000b3}.video-modal-header{padding:20px 20px 0}.video-modal-title-container{text-align:center;margin-bottom:15px;position:relative}.video-modal-title{color:#0071ce;text-align:center;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0071ce1a;background:linear-gradient(135deg,#0071ce,#005bb5);-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:700;line-height:1.3;display:inline-block;position:relative}.video-modal-title-decoration{background:linear-gradient(90deg,#0071ce,#005bb5);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0071ce4d}.video-modal-title-container:before{content:"";background:linear-gradient(90deg,#0000,#0071ce,#0000);border-radius:1px;width:40px;height:2px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.video-modal-body{padding:20px}.video-modal-iframe{border:none;border-radius:8px;width:100%;height:50vh;min-height:400px}@media (max-width:1024px){.video-modal-content{max-width:65vw;max-height:75vh}.video-modal-iframe{height:45vh;min-height:350px}}@media (max-width:768px){.video-modal-overlay{padding:10px}.video-modal-content{max-width:95vw;max-height:80vh}.video-modal-iframe{height:50vh;min-height:300px}.video-modal-title{font-size:18px}.video-modal-title-decoration{width:50px;height:2px}.video-modal-title-container:before{width:30px;height:1px}.play-button{width:60px;height:60px}}@media (max-width:480px){.video-modal-content{max-width:95vw;max-height:85vh}.video-modal-iframe{height:45vh;min-height:250px}.video-modal-title{font-size:16px}.video-modal-title-decoration{width:40px;height:2px}.video-modal-title-container:before{width:25px;height:1px}}.thank-you-overlay{z-index:9999;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.thank-you-overlay.show{opacity:1;visibility:visible}.thank-you-popup{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;margin:20px;padding:0;transition:all .3s;display:flex;position:relative;overflow-y:auto;transform:scale(.8)translateY(20px);box-shadow:0 25px 50px #0000004d}.thank-you-overlay.show .thank-you-popup{transform:scale(1)translateY(0)}.thank-you-content{text-align:center;color:#333;z-index:1;flex-direction:column;flex:1;max-height:100%;padding:40px 30px;display:flex;position:relative;overflow-y:auto}.thank-you-icon{color:#4ade80;margin-bottom:20px;animation:bounce .6s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.thank-you-title{-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:28px;font-weight:700}.thank-you-message{color:#ffffffe6;margin-bottom:25px;font-size:16px;line-height:1.6}.thank-you-message strong{color:#fbbf24;font-weight:600}.thank-you-details{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:25px;padding:20px}.thank-you-details p{color:#fffc;justify-content:center;align-items:center;gap:8px;margin:8px 0;font-size:14px;display:flex}.thank-you-close-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4ade80,#22c55e);border:none;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #4ade804d}.thank-you-close-btn:hover{background:linear-gradient(45deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.thank-you-close-btn:active{transform:translateY(0)}@media (max-width:768px){.thank-you-popup{flex-direction:column;width:95%;max-height:90vh;margin:10px;display:flex}.thank-you-content{max-height:100%;padding:30px 20px;overflow-y:auto}.thank-you-title{font-size:24px}.thank-you-message{font-size:15px}.thank-you-details{padding:15px}.thank-you-details p{font-size:13px}}@media (max-width:480px){.thank-you-popup{flex-direction:column;width:98%;max-height:95vh;margin:5px;display:flex}.thank-you-content{max-height:100%;padding:25px 15px;overflow-y:auto}.thank-you-title{font-size:22px}.thank-you-message{font-size:14px}.thank-you-close-btn{padding:10px 25px;font-size:15px}}.ranking-badge{color:#fff;z-index:10;backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000004d}.ranking-icon{font-size:14px;line-height:1}.ranking-text{letter-spacing:.5px;font-size:11px;font-weight:700}.song-card.rank-first{border:3px solid gold;position:relative;transform:scale(1.02);box-shadow:0 8px 25px #ffd7004d}.song-card.rank-first:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffd7001a,#ffff000d);border-radius:10px;position:absolute;inset:0}.song-card.rank-second{border:3px solid silver;position:relative;box-shadow:0 6px 20px #c0c0c04d}.song-card.rank-second:before{content:"";pointer-events:none;background:linear-gradient(135deg,#c0c0c01a,#e6e6e60d);border-radius:10px;position:absolute;inset:0}.song-card.rank-third{border:3px solid #cd7f32;position:relative;box-shadow:0 6px 20px #cd7f324d}.song-card.rank-third:before{content:"";pointer-events:none;background:linear-gradient(135deg,#cd7f321a,#daa5200d);border-radius:10px;position:absolute;inset:0}.song-card.rank-first .ranking-badge{color:#333;background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 15px #ffd70066}.song-card.rank-second .ranking-badge{color:#333;background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 4px 15px #c0c0c066}.song-card.rank-third .ranking-badge{color:#fff;background:linear-gradient(135deg,#cd7f32,#daa520);box-shadow:0 4px 15px #cd7f3266}.song-card.rank-first:hover{transform:scale(1.05);box-shadow:0 12px 35px #ffd70066}.song-card.rank-second:hover{transform:scale(1.03);box-shadow:0 10px 30px #c0c0c066}.song-card.rank-third:hover{transform:scale(1.03);box-shadow:0 10px 30px #cd7f3266}@media (max-width:768px){.ranking-badge{padding:4px 8px;font-size:10px;top:8px;right:8px}.ranking-icon{font-size:12px}.ranking-text{font-size:10px}.song-card.rank-first{transform:scale(1.01)}.song-card.rank-first:hover{transform:scale(1.03)}}.thank-you-buttons{justify-content:center;gap:15px;margin-top:20px;display:flex}.thank-you-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#f59e0b,#fbbf24);border:none;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f59e0b4d}.thank-you-submit-btn:hover{background:linear-gradient(45deg,#d97706,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.submission-form{text-align:left;z-index:1;max-width:100%;max-height:100%;position:relative;overflow-y:auto}.form-title{text-align:center;color:#1f2937;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:24px;font-weight:700}.form-subtitle{color:#6b7280;text-align:center;margin-bottom:25px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#4ade80;outline:none;box-shadow:0 0 0 3px #4ade8033}.form-group input.error,.form-group textarea.error{background:#fef2f2;border-color:#ef4444}.error-message{color:#dc2626;margin-top:5px;font-size:12px;font-weight:500;display:block}.form-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.form-cancel-btn{color:#374151;cursor:pointer;background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.form-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.form-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.form-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4ade80,#22c55e);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #4ade804d}.form-submit-btn:hover{background:linear-gradient(45deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.thank-you-buttons{flex-direction:column;gap:10px}.thank-you-close-btn,.thank-you-submit-btn{width:100%;padding:14px 20px}.form-title{font-size:20px}.form-subtitle{font-size:13px}.form-group input,.form-group textarea{padding:10px 14px;font-size:13px}.form-buttons{flex-direction:column;gap:10px}.form-cancel-btn,.form-submit-btn{width:100%;padding:14px 20px}.submission-form{max-height:100%;padding:0;overflow-y:auto}}@media (max-width:480px){.form-title{font-size:18px}.form-subtitle{font-size:12px}.form-group input,.form-group textarea{padding:8px 12px;font-size:12px}.submission-form{max-height:100%;padding:0;overflow-y:auto}}.toast-container{z-index:9999;width:100%;max-width:400px;position:fixed;top:20px;right:20px}.toast{color:#fff;backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:1px solid #fff3;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.toast:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);position:absolute;inset:0}.toast-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;font-weight:700;display:flex}.toast-content,.toast-icon{z-index:1;position:relative}.toast-content{flex:1}.toast-message{color:#fff;font-size:14px;font-weight:500;line-height:1.4}.toast-close{color:#fff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;font-weight:700;transition:all .2s;display:flex;position:relative}.toast-close:hover{background:#fff3;transform:scale(1.1)}.toast-show{animation:toastSlideIn .3s ease-out}.toast-hide{animation:toastSlideOut .3s ease-in}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.8)}}@media (max-width:768px){.toast-container{max-width:none;top:15px;left:15px;right:15px}.toast{padding:14px 16px}.toast-message{font-size:13px}.toast-close,.toast-icon{width:20px;height:20px;font-size:18px}}@media (max-width:480px){.toast-container{top:10px;left:10px;right:10px}.toast{padding:12px 14px}.toast-message{font-size:12px}}.vote-info-button{color:#475569;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.vote-info-button:hover{color:#334155;background:#e2e8f0;border-color:#cbd5e1}.vote-info-icon{flex-shrink:0;width:18px;height:18px}.vote-info-overlay{z-index:1000;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.vote-info-overlay.show{opacity:1;visibility:visible}.vote-info-popup{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;transition:transform .3s;overflow:hidden;transform:scale(.9);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.vote-info-overlay.show .vote-info-popup{transform:scale(1)}.vote-info-content{flex-direction:column;height:100%;display:flex}.vote-info-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vote-info-title{color:#111827;margin:0;font-size:20px;font-weight:600}.vote-info-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.vote-info-close:hover{color:#374151;background:#f3f4f6}.vote-info-body{flex:1;padding:24px;overflow-y:auto}.vote-info-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vote-info-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.vote-info-sections{flex-direction:column;gap:32px;display:flex}.vote-info-section{background:#f9fafb;border-radius:8px;padding:20px}.section-title{color:#111827;margin:0 0 16px;font-size:18px;font-weight:600}.empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-icon{color:#d1d5db;margin-bottom:16px}.submissions-list,.votes-list{flex-direction:column;gap:16px;display:flex}.submission-item,.vote-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.submission-item:hover,.vote-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.vote-video{align-items:flex-start;gap:12px;display:flex}.submission-thumbnail,.vote-thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0;width:60px;height:60px}.vote-details{flex:1}.submission-video-title,.vote-title{color:#111827;margin:0 0 4px;font-size:14px;font-weight:500}.submission-video-description,.vote-description{color:#6b7280;margin:0 0 8px;font-size:12px;line-height:1.4}.vote-time{color:#9ca3af;align-items:center;gap:4px;font-size:11px;display:flex}.submission-video{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.submission-video-details{flex:1}.submission-video-title{margin-bottom:4px;font-size:14px}.submission-video-description{margin-bottom:0;font-size:12px}.prediction-card{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin-bottom:16px;padding:16px}.prediction-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.prediction-label{color:#1e40af;font-weight:500}.prediction-value{color:#1d4ed8;font-size:20px;font-weight:700}.prediction-similar{color:#1e40af;align-items:center;gap:6px;font-size:13px;display:flex}.personal-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.info-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item.full-width{grid-column:1/-1}.info-label{color:#6b7280;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;display:flex}.info-value{color:#111827;word-break:break-word;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:0;padding:8px 12px;font-size:13px}.vote-info-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding:20px 24px;display:flex}.vote-info-close-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.vote-info-close-btn:hover{background:#2563eb}@media (max-width:768px){.vote-info-popup{width:95%;max-height:95vh}.vote-info-header{padding:16px 20px}.vote-info-body{padding:20px}.info-grid{grid-template-columns:1fr}.prediction-header{flex-direction:column;align-items:flex-start;gap:8px}.prediction-value{font-size:18px}}#rules{padding:60px 20px}#rules h2{color:#0071ce;text-align:center;margin-bottom:20px}.rules-buttons{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:800px;margin:0 auto;display:grid}.rule-button{cursor:pointer;text-align:left;color:#333;background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;align-items:center;gap:16px;width:100%;padding:24px;font-family:inherit;transition:all .3s;display:flex}.rule-button:hover{background:#fff;border-color:#0071ce;transform:translateY(-4px);box-shadow:0 8px 25px #0071ce26}.rule-button.primary{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff5252}.rule-button.primary:hover{color:#fff;background:linear-gradient(135deg,#ff5252,#d63031);box-shadow:0 8px 25px #ff6b6b66}.rule-button.secondary{color:#fff;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#26a69a}.rule-button.secondary:hover{color:#fff;background:linear-gradient(135deg,#26a69a,#2d8659);box-shadow:0 8px 25px #4ecdc466}.button-icon{background:#0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.rule-button.primary .button-icon,.rule-button.secondary .button-icon{background:#fff3}.button-content h3{color:inherit;margin:0 0 8px;font-size:1.25rem;font-weight:600}.button-content p{opacity:.8;margin:0;font-size:.9rem;line-height:1.4}@media (max-width:768px){section h2{font-size:2rem}#rules{padding:40px 16px}#rules h2{color:#0071ce;margin-bottom:20px;font-size:2rem}.rules-buttons{grid-template-columns:1fr;gap:16px;max-width:100%}.rule-button{text-align:center;flex-direction:column;gap:12px;padding:20px}.button-icon{width:50px;height:50px;font-size:2rem}.button-content h3{font-size:1.1rem}.button-content p{font-size:.85rem}}@media (max-width:480px){section h2{font-size:1.75rem}#rules{padding:32px 12px}#rules h2{color:#0071ce;margin-bottom:20px;font-size:1.75rem}.rule-button{padding:16px}.button-icon{width:45px;height:45px;font-size:1.75rem}}.modal-overlay{z-index:1000;backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:85vh;animation:modalSlideIn .3s ease-out;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{color:#fff;background:linear-gradient(135deg,#0071ce,#0056b3);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;max-height:60vh;padding:24px;overflow-y:auto}.rules-section{margin-bottom:24px}.rules-section:last-child{margin-bottom:0}.rules-section h3{color:#0071ce;border-bottom:2px solid #e5e7eb;margin:0 0 12px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.rules-section p{color:#374151;margin:0 0 12px;line-height:1.6}.rules-section ul{color:#374151;margin:0;padding-left:20px}.rules-section li{margin-bottom:8px;line-height:1.6}.rules-section li:last-child{margin-bottom:0}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 24px}@media (max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:100%;max-height:90vh}.modal-header{padding:20px}.modal-header h2{font-size:1.25rem}.modal-body{max-height:55vh;padding:20px}.rules-section h3{font-size:1rem}.modal-footer{padding:16px 20px}}@media (max-width:480px){.modal-overlay{padding:8px}.modal-content{max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:1.1rem}.modal-body{max-height:50vh;padding:16px}.rules-section{margin-bottom:20px}.rules-section h3{font-size:.95rem}.rules-section li,.rules-section p{font-size:.9rem}}.success-notification-overlay{z-index:1000;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.success-notification-overlay.show{opacity:1;visibility:visible}.success-notification-popup{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:0;transition:all .3s;overflow:hidden;transform:scale(.8)translateY(20px);box-shadow:0 20px 40px #00000026}.success-notification-overlay.show .success-notification-popup{transform:scale(1)translateY(0)}.success-notification-content{text-align:center;padding:40px 30px}.celebration-icon{margin-bottom:20px;font-size:4rem;animation:bounce 1s ease-in-out}.notification-title{color:#2c3e50;margin-bottom:16px;font-size:1.5rem;font-weight:700;line-height:1.3}.notification-message{color:#555;text-align:left;margin-bottom:30px;font-size:1rem;line-height:1.6}.notification-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;min-width:120px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.notification-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.notification-close-btn:active{transform:translateY(0)}@media (max-width:768px){.success-notification-popup{width:95%;margin:20px}.success-notification-content{padding:30px 20px}.celebration-icon{margin-bottom:16px;font-size:3rem}.notification-title{margin-bottom:12px;font-size:1.3rem}.notification-message{margin-bottom:25px;font-size:.95rem}.notification-close-btn{padding:10px 25px;font-size:.95rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}