*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e1438;background-image:url(/static/media/bg.62834bca8c0185a454d2.jpg);background-position:top;background-position-y:123px;background-repeat:no-repeat;background-size:100%;font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{margin:0 auto;max-width:1000px;padding:0 20px}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.form-group{display:flex}.form-input-group{margin-bottom:10px;width:50%}.form-input-group-name{margin-right:10px}.form-hint{color:#fff;font-size:13px;margin-top:6px}.form-label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.form-input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#667eea;outline:none}.form-input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 16px}.card{padding:20px}.btn{font-size:14px;padding:10px 20px}}.header{top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:50px;justify-content:center;padding:8px 0}.focus,.logo{font-weight:700}.logo{color:#fff;font-size:1.5rem;text-decoration:none;text-shadow:0 2px 4px #0000004d}.logo-img{height:100px;width:100px}.nav{align-items:center;display:flex}.nav-list{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-radius:8px;color:#ffffffe6;font-size:1rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#fff3;color:#fff}.header-actions{align-items:center;display:flex;gap:16px}.auth-buttons{display:flex;gap:12px}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:4px}.hamburger span{background:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:24px}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-banner{color:#fff;padding:20px 0;text-align:center}.banner-content{margin:0 auto;max-width:1200px}.banner-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 8px #0000004d}.banner-subtitle{font-size:2rem;font-weight:600;margin-bottom:16px;opacity:.95;text-shadow:0 2px 4px #0000004d}.banner-description{line-height:1.8}.banner-description p{font-size:1.1rem;opacity:.95}.voting-period{color:gold;margin-top:24px;text-shadow:0 2px 4px #0000004d}.btn-large,.voting-period{font-size:1.2rem;font-weight:600}.btn-large{min-height:56px;padding:16px 32px}@media (max-width:768px){.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;left:0;opacity:0;padding:20px;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-list{align-items:center;flex-direction:column;gap:16px}.nav-link{padding:12px 24px;text-align:center;width:100%}.hamburger{display:flex}.header-actions{display:none}.nav-open+.header-actions{align-items:center;background:#000000f2;display:flex;flex-direction:column;gap:16px;left:0;padding:20px;position:absolute;right:0;top:100%}.header-banner{padding:40px 0}.banner-title{font-size:2.5rem}.banner-subtitle{font-size:1.5rem}.banner-description p{font-size:1rem}.btn-large{font-size:1.1rem;padding:14px 28px}}@media (max-width:480px){.banner-title{font-size:2rem}.banner-subtitle{font-size:1.25rem}.banner-description p{font-size:.95rem}}.hero-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:0 0 50px 50px;margin-bottom:60px;padding:80px 0;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{color:#fff;font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 8px #0000004d}.hero-subtitle{display:block;font-size:2rem;font-weight:400;margin-top:8px;opacity:.9}.hero-description{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.category-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.category-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--category-color,#667eea),#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.category-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.category-icon{align-items:center;border-radius:20px;box-shadow:0 8px 25px #0003;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.category-title{color:#495057;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:8px}.category-subtitle{color:#6c757d;font-size:1rem;font-style:italic;font-weight:500;margin-bottom:16px}.category-description{color:#6c757d;line-height:1.6;margin-bottom:24px;min-height:60px}.feature-card{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:32px 24px}.feature-icon{box-shadow:0 8px 25px #667eea4d}.feature-title{font-size:1.25rem;margin-bottom:8px}.feature-subtitle{color:#6c757d;font-size:.9rem;font-style:italic;font-weight:500;margin-bottom:16px}.feature-description{flex-grow:1}.form-card{margin:20px auto;max-width:800px}.form-title{color:#495057;font-size:2rem;font-weight:700;margin-bottom:8px}.form-subtitle{color:#6c757d;margin-bottom:24px}.vote-form{display:flex;flex-direction:column;gap:20px}.tc-box{background:#fff;border:2px solid #e9ecef;border-radius:12px;max-height:260px;overflow:auto;padding:16px 20px}.tc-title{color:#495057;font-size:1.125rem;font-weight:600;margin-bottom:12px}.tc-list{color:#495057;line-height:1.8;padding-left:20px}.tc-list li+li{margin-top:8px}.tc-list a{color:#667eea;text-decoration:none}.tc-list a:hover{text-decoration:underline}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{align-items:flex-start;color:#fff;display:flex;gap:10px}.checkbox-item input[type=checkbox]{height:18px;margin-top:4px;width:18px}.form-actions{display:flex;justify-content:center;margin-top:8px}.btn-large[aria-disabled=true],.btn-large[disabled]{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.hero-section{border-radius:0 0 30px 30px;padding:60px 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1.1rem}.hero-actions{align-items:center;flex-direction:column}.category-card{padding:24px}.category-title{font-size:1.25rem}.feature-card{padding:24px 20px}.form-card{margin:20px auto;padding:16px}.tc-box{max-height:220px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.category-card{padding:20px}.feature-card{padding:20px 16px}}.hotmob-logo{width:150px}.thankyou-description{color:#fff;font-size:1.25rem;padding-top:10px}.footer{color:#fff;padding-top:50px}.link,.link:hover{color:#90ceff;text-decoration:none}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.popup-content{background:#fff;border-radius:8px;min-width:300px;padding:24px;text-align:center}.popup-button{margin:15px;padding:5px 15px}.vlist-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:20px 0;padding:24px}.vlist-header{background:#fff;border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:16px;padding-top:8px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.vlist-header-top{align-items:center;display:flex;gap:16px;margin-bottom:8px}.vlist-back-btn{font-size:14px;padding:8px 16px;white-space:nowrap}.vlist-title{color:#495057;font-size:1.75rem;font-weight:700;margin-bottom:8px}.vlist-subtitle{color:#6c757d;margin-bottom:12px}.vlist-progress{margin-top:8px}.vlist-progress-text{color:#495057;font-size:.95rem;margin-bottom:8px}.vlist-progress-bar{background:#eef2ff;border-radius:999px;height:12px;overflow:hidden;width:100%}.vlist-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .2s ease;width:0}.vlist-next-button{margin-top:16px}.disabled-button{background:#ccc;cursor:not-allowed}.vlist-error,.vlist-status{color:#6c757d;padding:20px;text-align:center}.vlist-error{color:#dc3545}.vlist-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.vlist-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:16px;text-align:left;transition:all .2s ease}.vlist-item:hover{box-shadow:0 10px 20px #0000000f;transform:translateY(-2px)}.vlist-item.selected{background:#eef2ff;border-color:#667eea}.vlist-item-header{align-items:center;display:flex;font-size:1rem;gap:8px;justify-content:space-between}.vlist-item-name{color:#495057;font-weight:600}.vlist-item-link{color:#667eea;font-size:.85rem;text-decoration:none}.vlist-item-link:hover{text-decoration:underline}.vlist-item-link-group{grid-gap:8px;display:grid;font-size:.95rem;gap:8px;grid-template-columns:repeat(auto-fit,minmax(20px,60px));margin-top:10px}.vlist-item-check{color:#495057;font-size:.95rem;margin-top:10px}@media (max-width:768px){.vlist-container{padding:16px}.vlist-header-top{align-items:flex-start;flex-direction:column;gap:12px}.vlist-back-btn{align-self:flex-start}}.submit-button-container{margin-top:16;text-align:center}.App{display:flex;flex-direction:column;min-height:100vh}.page-container{flex:1 1}.voting-page-container{flex:1 1;padding:40px 0}.page-header{margin-bottom:40px;text-align:center}.page-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px;text-shadow:0 4px 8px #0000004d}.page-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.section{margin-bottom:60px}.section-title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:24px;text-align:center}.grid{grid-gap:24px;display:grid;gap:24px;margin-bottom:40px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fff;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff26;transform:translateY(-5px)}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:1rem;opacity:.9}.feature-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.feature-title{color:#495057;font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-description{color:#6c757d;line-height:1.6}.cta-section{padding:60px 0;text-align:center}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-description{color:#ffffffe6;font-size:1.25rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:768px){.page-container{padding:20px 0}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-title{font-size:2rem}}
/*# sourceMappingURL=main.c7660f24.css.map*/