{"id":340,"date":"2026-02-24T08:07:39","date_gmt":"2026-02-24T08:07:39","guid":{"rendered":"https:\/\/rtalkslp.rankuhigher.com\/?page_id=340"},"modified":"2026-02-24T08:08:59","modified_gmt":"2026-02-24T08:08:59","slug":"nomination-form","status":"publish","type":"page","link":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/nomination-form\/","title":{"rendered":"Nomination Form"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n \r\n \r\n Icons of Coimbatore \u2013 Nomination Form 2026<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* =========================================================\r\n TOKENS\r\n ========================================================= *\/\r\n :root {\r\n --navy: #0D1A6B;\r\n --navy-dark: #081052;\r\n --navy-deeper: #050B3A;\r\n --navy-mid: #1A2E8F;\r\n --navy-light: #2E44B0;\r\n --navy-glow: rgba(13, 26, 107, 0.35);\r\n --gold: #E8B84B;\r\n --gold-light: #F5D07A;\r\n --gold-dark: #C49A25;\r\n --gold-glow: rgba(232, 184, 75, 0.12);\r\n --red: #D4201A;\r\n --white: #FFFFFF;\r\n --off-white: #F4F5FA;\r\n --gray-50: #F8F9FC;\r\n --gray-100: #ECEEF6;\r\n --gray-200: #D8DCF0;\r\n --gray-400: #8E96C0;\r\n --gray-600: #4A5280;\r\n --text-dark: #0D1A6B;\r\n --text-body: #2A3060;\r\n --text-muted: #6B74A8;\r\n --border: #DDE1F0;\r\n --shadow-sm: 0 1px 3px rgba(13, 26, 107, 0.06);\r\n --shadow-card: 0 4px 24px rgba(13, 26, 107, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);\r\n --shadow-card-h: 0 12px 40px rgba(13, 26, 107, 0.12), 0 4px 12px rgba(0, 0, 0, 0.05);\r\n --shadow-glow: 0 0 60px rgba(13, 26, 107, 0.15);\r\n --radius: 10px;\r\n --radius-sm: 6px;\r\n }\r\n\r\n \/* =========================================================\r\n RESET & BASE\r\n ========================================================= *\/\r\n *,\r\n *::before,\r\n *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Open Sans', sans-serif;\r\n background: var(--off-white);\r\n color: var(--text-body);\r\n min-height: 100vh;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Subtle grid dot pattern *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: radial-gradient(circle, rgba(13, 26, 107, 0.04) 1px, transparent 1px);\r\n background-size: 28px 28px;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n ::-webkit-scrollbar {\r\n width: 5px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: var(--off-white);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--navy-light);\r\n border-radius: 999px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: var(--navy);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeSlideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n @keyframes shimmer {\r\n from {\r\n background-position: -200% center;\r\n }\r\n\r\n to {\r\n background-position: 200% center;\r\n }\r\n }\r\n\r\n @keyframes float {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n transform: translateY(-6px);\r\n }\r\n }\r\n\r\n \/* =========================================================\r\n HERO HEADER\r\n ========================================================= *\/\r\n .hero {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(165deg, var(--navy-deeper) 0%, var(--navy-dark) 35%, var(--navy) 70%, var(--navy-mid) 100%);\r\n }\r\n\r\n \/* Venue photo *\/\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('rtc%20grand%20hall.webp');\r\n background-size: cover;\r\n background-position: center 35%;\r\n opacity: 0.15;\r\n filter: saturate(0.4);\r\n }\r\n\r\n \/* Animated radial glow *\/\r\n .hero-glow {\r\n position: absolute;\r\n top: -20%;\r\n left: 20%;\r\n width: 60%;\r\n height: 120%;\r\n background: radial-gradient(ellipse, rgba(46, 68, 176, 0.2) 0%, transparent 65%);\r\n animation: pulse 8s ease-in-out infinite;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Decorative lines *\/\r\n .hero-lines {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-lines::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 1px;\r\n height: 100%;\r\n background: linear-gradient(to bottom, transparent, rgba(232, 184, 75, 0.1), transparent);\r\n transform: translateX(-50%);\r\n }\r\n\r\n .hero-lines::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 40%;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(232, 184, 75, 0.06), transparent);\r\n }\r\n\r\n \/* Gold bottom strip *\/\r\n .hero-accent {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, transparent 5%, var(--gold-dark), var(--gold), var(--gold-light), var(--gold), var(--gold-dark), transparent 95%);\r\n }\r\n\r\n .hero-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 920px;\r\n margin: 0 auto;\r\n padding: 5rem 1.5rem 4.5rem;\r\n text-align: center;\r\n animation: fadeSlideUp 0.8s ease-out;\r\n }\r\n\r\n \/* Badge *\/\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.55rem;\r\n background: rgba(232, 184, 75, 0.1);\r\n border: 1px solid rgba(232, 184, 75, 0.35);\r\n border-radius: 50px;\r\n padding: 0.4rem 1.4rem;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 2rem;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .hero-badge::before {\r\n content: '\u2726';\r\n font-size: 0.55rem;\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: clamp(2.2rem, 6.5vw, 4rem);\r\n color: #fff;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n line-height: 1.08;\r\n margin-bottom: 0.6rem;\r\n text-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n \/* Gold shimmer on title *\/\r\n .hero-title .shimmer {\r\n background: linear-gradient(90deg, #fff 30%, var(--gold-light) 50%, #fff 70%);\r\n background-size: 200% auto;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: shimmer 4s linear infinite;\r\n }\r\n\r\n .hero-tag {\r\n display: inline-block;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin: 1rem 0 1.75rem;\r\n position: relative;\r\n padding: 0.35rem 2.5rem;\r\n }\r\n\r\n .hero-tag::before,\r\n .hero-tag::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n width: 50px;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(232, 184, 75, 0.5));\r\n }\r\n\r\n .hero-tag::before {\r\n right: 100%;\r\n transform: translateX(10px);\r\n }\r\n\r\n .hero-tag::after {\r\n left: 100%;\r\n transform: translateX(-10px) rotate(180deg);\r\n }\r\n\r\n .hero-desc {\r\n font-size: 0.95rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.6);\r\n max-width: 580px;\r\n margin: 0 auto 2.75rem;\r\n line-height: 1.85;\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n \/* ---- Deadline ---- *\/\r\n .deadline-pill {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n background: rgba(5, 11, 58, 0.6);\r\n border: 1px solid rgba(232, 184, 75, 0.3);\r\n border-radius: 60px;\r\n padding: 0.75rem 2rem;\r\n backdrop-filter: blur(16px);\r\n margin-bottom: 2.75rem;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(232, 184, 75, 0.1);\r\n }\r\n\r\n .dl-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .cd-group {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .cd-block {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background: rgba(13, 26, 107, 0.6);\r\n border: 1px solid rgba(232, 184, 75, 0.2);\r\n border-radius: 6px;\r\n padding: 0.35rem 0.6rem;\r\n min-width: 2.9rem;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .cd-block:hover {\r\n transform: scale(1.08);\r\n }\r\n\r\n .cd-num {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n color: #fff;\r\n font-variant-numeric: tabular-nums;\r\n }\r\n\r\n .cd-unit {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.45rem;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .cd-sep {\r\n font-size: 1rem;\r\n color: rgba(232, 184, 75, 0.35);\r\n margin-bottom: 0.5rem;\r\n font-weight: 700;\r\n }\r\n\r\n .dl-date {\r\n font-size: 0.7rem;\r\n color: rgba(255, 255, 255, 0.4);\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n .dl-expired {\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n color: var(--gold);\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Step track *\/\r\n .step-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0;\r\n }\r\n\r\n .step-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 1.5px solid rgba(255, 255, 255, 0.25);\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .step-dot.active {\r\n background: var(--gold);\r\n border-color: var(--gold);\r\n box-shadow: 0 0 12px rgba(232, 184, 75, 0.7), 0 0 4px rgba(232, 184, 75, 0.5);\r\n transform: scale(1.2);\r\n }\r\n\r\n .step-dot.done {\r\n background: rgba(232, 184, 75, 0.6);\r\n border-color: rgba(232, 184, 75, 0.6);\r\n }\r\n\r\n .step-conn {\r\n width: 32px;\r\n height: 1px;\r\n background: rgba(255, 255, 255, 0.12);\r\n }\r\n\r\n \/* =========================================================\r\n MAIN LAYOUT\r\n ========================================================= *\/\r\n .main-wrap {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 2.5rem 1.25rem 5rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Progress *\/\r\n .progress-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .progress-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.62rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n white-space: nowrap;\r\n }\r\n\r\n .progress-track {\r\n flex: 1;\r\n height: 4px;\r\n background: var(--gray-200);\r\n border-radius: 999px;\r\n overflow: hidden;\r\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--navy), var(--navy-mid), var(--navy-light));\r\n border-radius: 999px;\r\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n\r\n .progress-fill::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: -2px;\r\n width: 8px;\r\n height: 8px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n border: 2px solid var(--white);\r\n box-shadow: 0 0 8px rgba(232, 184, 75, 0.5);\r\n }\r\n\r\n .progress-pct {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 800;\r\n color: var(--navy);\r\n min-width: 3rem;\r\n text-align: right;\r\n }\r\n\r\n \/* =========================================================\r\n FORM CARDS\r\n ========================================================= *\/\r\n .form-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n margin-bottom: 1.5rem;\r\n overflow: hidden;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeSlideUp 0.6s ease-out forwards;\r\n }\r\n\r\n .form-card:nth-child(1) {\r\n animation-delay: 0.05s;\r\n }\r\n\r\n .form-card:nth-child(2) {\r\n animation-delay: 0.12s;\r\n }\r\n\r\n .form-card:nth-child(3) {\r\n animation-delay: 0.19s;\r\n }\r\n\r\n .form-card:nth-child(4) {\r\n animation-delay: 0.26s;\r\n }\r\n\r\n .form-card:nth-child(5) {\r\n animation-delay: 0.33s;\r\n }\r\n\r\n .form-card:hover {\r\n box-shadow: var(--shadow-card-h);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .form-card.active {\r\n border-color: rgba(13, 26, 107, 0.2);\r\n box-shadow: var(--shadow-card-h), var(--shadow-glow);\r\n }\r\n\r\n \/* Card top bar *\/\r\n .card-top {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, var(--navy-mid) 100%);\r\n padding: 1rem 1.75rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Subtle diagonal accent *\/\r\n .card-top::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 120px;\r\n height: 100%;\r\n background: linear-gradient(135deg, transparent, rgba(232, 184, 75, 0.05));\r\n }\r\n\r\n .card-top.lit {\r\n background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 60%, var(--navy-light) 100%);\r\n }\r\n\r\n .sec-num {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.62rem;\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n background: rgba(232, 184, 75, 0.12);\r\n border: 1px solid rgba(232, 184, 75, 0.3);\r\n border-radius: 4px;\r\n padding: 0.22rem 0.6rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sec-info {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .sec-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n }\r\n\r\n .sec-desc {\r\n font-size: 0.72rem;\r\n color: rgba(255, 255, 255, 0.48);\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .sec-step {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.58rem;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: rgba(232, 184, 75, 0.6);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Gold accent line *\/\r\n .gold-line {\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light), var(--gold), var(--gold-dark));\r\n background-size: 200% auto;\r\n }\r\n\r\n .form-card.active .gold-line {\r\n animation: shimmer 3s linear infinite;\r\n }\r\n\r\n \/* Card body *\/\r\n .card-body {\r\n padding: 2rem 1.75rem 2.25rem;\r\n }\r\n\r\n \/* =========================================================\r\n GRID\r\n ========================================================= *\/\r\n .grid-2 {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.25rem;\r\n }\r\n\r\n @media (min-width: 580px) {\r\n .grid-2 {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n .span-2 {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n \/* =========================================================\r\n FORM INPUTS\r\n ========================================================= *\/\r\n .field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.35rem;\r\n }\r\n\r\n .field-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.35rem;\r\n }\r\n\r\n .field-label .req {\r\n color: var(--red);\r\n font-size: 0.9em;\r\n }\r\n\r\n .field-hint {\r\n font-size: 0.73rem;\r\n color: var(--text-muted);\r\n line-height: 1.5;\r\n }\r\n\r\n .field-input,\r\n .field-select,\r\n .field-textarea {\r\n background: var(--gray-50);\r\n border: 1.5px solid var(--border);\r\n border-radius: var(--radius-sm);\r\n padding: 0.75rem 1rem;\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 0.9rem;\r\n color: var(--text-dark);\r\n width: 100%;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .field-input::placeholder,\r\n .field-textarea::placeholder {\r\n color: var(--gray-400);\r\n font-weight: 400;\r\n }\r\n\r\n .field-input:hover,\r\n .field-textarea:hover,\r\n .field-select:hover {\r\n border-color: var(--gray-400);\r\n background: var(--white);\r\n }\r\n\r\n .field-input:focus,\r\n .field-select:focus,\r\n .field-textarea:focus {\r\n outline: none;\r\n border-color: var(--navy);\r\n box-shadow: 0 0 0 4px rgba(13, 26, 107, 0.08), 0 2px 8px rgba(13, 26, 107, 0.06);\r\n background: var(--white);\r\n }\r\n\r\n .field-select {\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1A6B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 0.9rem center;\r\n background-size: 14px;\r\n padding-right: 2.5rem;\r\n }\r\n\r\n .field-select option {\r\n background: #fff;\r\n color: var(--text-dark);\r\n }\r\n\r\n .field-select.enabled {\r\n opacity: 1 !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .field-textarea {\r\n resize: vertical;\r\n min-height: 140px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* =========================================================\r\n UPLOAD ZONE\r\n ========================================================= *\/\r\n .upload-zone {\r\n border: 2px dashed var(--gray-200);\r\n border-radius: var(--radius);\r\n padding: 2.75rem 1.5rem;\r\n text-align: center;\r\n cursor: pointer;\r\n background: var(--gray-50);\r\n transition: all 0.25s;\r\n position: relative;\r\n }\r\n\r\n .upload-zone:hover,\r\n .upload-zone.dragover {\r\n border-color: var(--navy-light);\r\n background: rgba(13, 26, 107, 0.02);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .upload-icon-wrap {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(13, 26, 107, 0.06), rgba(13, 26, 107, 0.12));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .upload-zone:hover .upload-icon-wrap {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .upload-icon {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--navy-light);\r\n }\r\n\r\n .upload-cta {\r\n font-size: 0.88rem;\r\n color: var(--text-muted);\r\n }\r\n\r\n .upload-cta strong {\r\n color: var(--navy);\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n }\r\n\r\n .upload-hint {\r\n font-size: 0.72rem;\r\n color: var(--gray-400);\r\n margin-top: 0.45rem;\r\n }\r\n\r\n \/* =========================================================\r\n SUBMIT BAR\r\n ========================================================= *\/\r\n .submit-bar {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card);\r\n padding: 1.75rem 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.25rem;\r\n margin-bottom: 3.5rem;\r\n animation: fadeSlideUp 0.6s ease-out 0.4s both;\r\n }\r\n\r\n @media (min-width: 580px) {\r\n .submit-bar {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .terms-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n flex: 1;\r\n }\r\n\r\n .terms-row input[type=\"checkbox\"] {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n accent-color: var(--navy);\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n border-radius: 3px;\r\n }\r\n\r\n .terms-text strong {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.82rem;\r\n font-weight: 700;\r\n color: var(--navy);\r\n }\r\n\r\n .terms-text p {\r\n font-size: 0.72rem;\r\n color: var(--text-muted);\r\n margin-top: 0.25rem;\r\n line-height: 1.55;\r\n }\r\n\r\n \/* SUBMIT BUTTON *\/\r\n .btn-submit {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 800;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 50%, var(--navy-mid) 100%);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 1rem 2.5rem;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n box-shadow: 0 4px 16px rgba(13, 26, 107, 0.3);\r\n }\r\n\r\n .btn-submit::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 200%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent 25%, rgba(232, 184, 75, 0.2) 50%, transparent 75%);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .btn-submit:hover {\r\n transform: translateY(-2px) scale(1.02);\r\n box-shadow: 0 8px 28px rgba(13, 26, 107, 0.4), 0 0 0 2px rgba(232, 184, 75, 0.15);\r\n }\r\n\r\n .btn-submit:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn-submit:active {\r\n transform: translateY(0) scale(0.98);\r\n }\r\n\r\n \/* Gold bottom accent *\/\r\n .btn-submit::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 10%;\r\n right: 10%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n border-radius: 999px;\r\n }\r\n\r\n \/* =========================================================\r\n SUCCESS\r\n ========================================================= *\/\r\n .success-panel {\r\n display: none;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-card-h);\r\n overflow: hidden;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .success-gold-bar {\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light), var(--gold), var(--gold-dark));\r\n }\r\n\r\n .success-body {\r\n padding: 4rem 2.5rem;\r\n text-align: center;\r\n }\r\n\r\n .success-icon-wrap {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.75rem;\r\n box-shadow: 0 8px 30px rgba(13, 26, 107, 0.3);\r\n animation: float 3s ease-in-out infinite;\r\n }\r\n\r\n .success-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .success-desc {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n max-width: 490px;\r\n margin: 0 auto 2.25rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .btn-resubmit {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n background: transparent;\r\n border: 2px solid var(--navy);\r\n border-radius: var(--radius-sm);\r\n padding: 0.8rem 1.75rem;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n }\r\n\r\n .btn-resubmit:hover {\r\n background: var(--navy);\r\n color: #fff;\r\n }\r\n\r\n \/* =========================================================\r\n FOOTER\r\n ========================================================= *\/\r\n .footer-accent {\r\n height: 4px;\r\n background: linear-gradient(90deg, transparent 5%, var(--gold-dark), var(--gold), var(--gold-light), var(--gold), var(--gold-dark), transparent 95%);\r\n }\r\n\r\n footer {\r\n background: linear-gradient(180deg, var(--navy-deeper) 0%, #030720 100%);\r\n color: rgba(255, 255, 255, 0.4);\r\n text-align: center;\r\n padding: 2.25rem 1.5rem;\r\n font-size: 0.73rem;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n footer .logo {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.9rem;\r\n font-weight: 900;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n footer .sep {\r\n color: rgba(232, 184, 75, 0.25);\r\n margin: 0 0.5rem;\r\n }\r\n\r\n \/* =========================================================\r\n RESPONSIVE\r\n ========================================================= *\/\r\n @media (max-width: 640px) {\r\n .hero-inner {\r\n padding: 3.5rem 1rem 3rem;\r\n }\r\n\r\n .card-top {\r\n padding: 0.75rem 1.1rem;\r\n flex-wrap: wrap;\r\n gap: 0.6rem;\r\n }\r\n\r\n .card-body {\r\n padding: 1.25rem 1.1rem 1.5rem;\r\n }\r\n\r\n .submit-bar {\r\n padding: 1.25rem;\r\n }\r\n\r\n .sec-step {\r\n display: none;\r\n }\r\n\r\n .deadline-pill {\r\n padding: 0.65rem 1rem;\r\n gap: 0.6rem;\r\n }\r\n\r\n .progress-wrap {\r\n gap: 0.6rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- =========== HERO =========== -->\r\n <header class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-glow\"><\/div>\r\n <div class=\"hero-lines\"><\/div>\r\n <div class=\"hero-accent\"><\/div>\r\n\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-badge\">Official Recognition Programme \u00b7 2026<\/div>\r\n\r\n <h1 class=\"hero-title\"><span class=\"shimmer\">Icons of Coimbatore<\/span><\/h1>\r\n\r\n <div class=\"hero-tag\">Nomination Form<\/div>\r\n\r\n <p class=\"hero-desc\">\r\n A city-level recognition movement honouring the visionaries, leaders and changemakers\r\n who have shaped Coimbatore's legacy. Nominate an outstanding individual\r\n for this prestigious civic honour.\r\n <\/p>\r\n\r\n <div class=\"deadline-pill\">\r\n <span class=\"dl-label\">\u23f3 Nominations Close<\/span>\r\n <div class=\"cd-group\" id=\"cdGroup\">\r\n <div class=\"cd-block\"><span class=\"cd-num\" id=\"cd-days\">--<\/span><span class=\"cd-unit\">Days<\/span>\r\n <\/div>\r\n <span class=\"cd-sep\">:<\/span>\r\n <div class=\"cd-block\"><span class=\"cd-num\" id=\"cd-hours\">--<\/span><span class=\"cd-unit\">Hrs<\/span>\r\n <\/div>\r\n <span class=\"cd-sep\">:<\/span>\r\n <div class=\"cd-block\"><span class=\"cd-num\" id=\"cd-mins\">--<\/span><span class=\"cd-unit\">Min<\/span>\r\n <\/div>\r\n <span class=\"cd-sep\">:<\/span>\r\n <div class=\"cd-block\"><span class=\"cd-num\" id=\"cd-secs\">--<\/span><span class=\"cd-unit\">Sec<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"dl-date\">March 1, 2026<\/span>\r\n <\/div>\r\n\r\n <div class=\"step-row\">\r\n <div class=\"step-dot active\" id=\"dot-1\"><\/div>\r\n <div class=\"step-conn\"><\/div>\r\n <div class=\"step-dot\" id=\"dot-2\"><\/div>\r\n <div class=\"step-conn\"><\/div>\r\n <div class=\"step-dot\" id=\"dot-3\"><\/div>\r\n <div class=\"step-conn\"><\/div>\r\n <div class=\"step-dot\" id=\"dot-4\"><\/div>\r\n <div class=\"step-conn\"><\/div>\r\n <div class=\"step-dot\" id=\"dot-5\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- =========== MAIN =========== -->\r\n <main class=\"main-wrap\">\r\n\r\n <div class=\"progress-wrap\">\r\n <span class=\"progress-label\">Progress<\/span>\r\n <div class=\"progress-track\">\r\n <div class=\"progress-fill\" id=\"progressFill\" style=\"width:20%\"><\/div>\r\n <\/div>\r\n <span class=\"progress-pct\" id=\"progressPct\">20%<\/span>\r\n <\/div>\r\n\r\n <form id=\"nominationForm\" onsubmit=\"handleSubmit(event)\">\r\n\r\n <!-- SECTION 1 -->\r\n <div class=\"form-card active\" id=\"sec-1\">\r\n <div class=\"card-top lit\" id=\"top-1\">\r\n <span class=\"sec-num\">Step 01<\/span>\r\n <div class=\"sec-info\">\r\n <div class=\"sec-title\">About the Nominator<\/div>\r\n <div class=\"sec-desc\">Your contact details in case we need further information.<\/div>\r\n <\/div>\r\n <span class=\"sec-step\">1 \/ 5<\/span>\r\n <\/div>\r\n <div class=\"gold-line\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"grid-2\">\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"nrName\">Full Name <span class=\"req\">*<\/span><\/label>\r\n <input class=\"field-input\" type=\"text\" id=\"nrName\" required\r\n placeholder=\"e.g. Karthik Rajan\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"nrEmail\">Email Address <span class=\"req\">*<\/span><\/label>\r\n <input class=\"field-input\" type=\"email\" id=\"nrEmail\" required placeholder=\"you@example.com\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"nrPhone\">Phone Number <span class=\"req\">*<\/span><\/label>\r\n <input class=\"field-input\" type=\"tel\" id=\"nrPhone\" required placeholder=\"+91 98765 43210\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"nrRelation\">Relationship to Nominee<\/label>\r\n <input class=\"field-input\" type=\"text\" id=\"nrRelation\"\r\n placeholder=\"e.g. Colleague, Friend, Self\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SECTION 2 -->\r\n <div class=\"form-card\" id=\"sec-2\">\r\n <div class=\"card-top\" id=\"top-2\">\r\n <span class=\"sec-num\">Step 02<\/span>\r\n <div class=\"sec-info\">\r\n <div class=\"sec-title\">About the Nominee<\/div>\r\n <div class=\"sec-desc\">Details of the individual being nominated.<\/div>\r\n <\/div>\r\n <span class=\"sec-step\">2 \/ 5<\/span>\r\n <\/div>\r\n <div class=\"gold-line\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"grid-2\">\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"neeName\">Nominee's Full Name <span\r\n class=\"req\">*<\/span><\/label>\r\n <input class=\"field-input\" type=\"text\" id=\"neeName\" required\r\n placeholder=\"Enter nominee's full name\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"neeEmail\">Nominee's Email<\/label>\r\n <input class=\"field-input\" type=\"email\" id=\"neeEmail\" placeholder=\"nominee@example.com\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"neePhone\">Nominee's Phone<\/label>\r\n <input class=\"field-input\" type=\"tel\" id=\"neePhone\" placeholder=\"+91 98765 43210\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"neeSocial\">LinkedIn \/ Website<\/label>\r\n <input class=\"field-input\" type=\"url\" id=\"neeSocial\"\r\n placeholder=\"https:\/\/linkedin.com\/in\/...\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SECTION 3 -->\r\n <div class=\"form-card\" id=\"sec-3\">\r\n <div class=\"card-top\" id=\"top-3\">\r\n <span class=\"sec-num\">Step 03<\/span>\r\n <div class=\"sec-info\">\r\n <div class=\"sec-title\">Award Category<\/div>\r\n <div class=\"sec-desc\">Select the domain of demonstrated excellence.<\/div>\r\n <\/div>\r\n <span class=\"sec-step\">3 \/ 5<\/span>\r\n <\/div>\r\n <div class=\"gold-line\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"grid-2\">\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"mainCat\">Main Category <span class=\"req\">*<\/span><\/label>\r\n <select class=\"field-select\" id=\"mainCat\" required>\r\n <option value=\"\" disabled selected>Select category...<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"subCat\">Specific Award <span class=\"req\">*<\/span><\/label>\r\n <select class=\"field-select\" id=\"subCat\" required disabled style=\"opacity:0.45;\">\r\n <option value=\"\" disabled selected>Select main category first<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SECTION 4 -->\r\n <div class=\"form-card\" id=\"sec-4\">\r\n <div class=\"card-top\" id=\"top-4\">\r\n <span class=\"sec-num\">Step 04<\/span>\r\n <div class=\"sec-info\">\r\n <div class=\"sec-title\">Merits & Achievements<\/div>\r\n <div class=\"sec-desc\">Articulate why this individual deserves to be an Icon of Coimbatore.<\/div>\r\n <\/div>\r\n <span class=\"sec-step\">4 \/ 5<\/span>\r\n <\/div>\r\n <div class=\"gold-line\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"grid-2\">\r\n <div class=\"field span-2\">\r\n <label class=\"field-label\" for=\"achSummary\">Brief Summary <span class=\"req\">*<\/span><\/label>\r\n <p class=\"field-hint\">A compelling 1\u20132 sentence pitch that captures their impact.<\/p>\r\n <input class=\"field-input\" type=\"text\" id=\"achSummary\" required\r\n placeholder=\"e.g. Revolutionised textile manufacturing while empowering 500+ rural women.\">\r\n <\/div>\r\n <div class=\"field span-2\">\r\n <label class=\"field-label\" for=\"achDetail\">Detailed Description of Impact <span\r\n class=\"req\">*<\/span><\/label>\r\n <p class=\"field-hint\">Their journey, challenges overcome, and tangible contribution to\r\n Coimbatore. (Min 50 words)<\/p>\r\n <textarea class=\"field-textarea\" id=\"achDetail\" required\r\n placeholder=\"Elaborate on the nominee's achievements, social\/economic impact, recognition received and significance to Coimbatore...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SECTION 5 -->\r\n <div class=\"form-card\" id=\"sec-5\">\r\n <div class=\"card-top\" id=\"top-5\">\r\n <span class=\"sec-num\">Step 05<\/span>\r\n <div class=\"sec-info\">\r\n <div class=\"sec-title\">Supporting Evidence<\/div>\r\n <div class=\"sec-desc\">News articles, awards or documents \u2014 optional but recommended.<\/div>\r\n <\/div>\r\n <span class=\"sec-step\">5 \/ 5<\/span>\r\n <\/div>\r\n <div class=\"gold-line\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"grid-2\">\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"link1\">Reference Link 1<\/label>\r\n <input class=\"field-input\" type=\"url\" id=\"link1\" placeholder=\"https:\/\/news-article.com\/...\">\r\n <\/div>\r\n <div class=\"field\">\r\n <label class=\"field-label\" for=\"link2\">Reference Link 2<\/label>\r\n <input class=\"field-input\" type=\"url\" id=\"link2\" placeholder=\"https:\/\/portfolio.com\/...\">\r\n <\/div>\r\n <div class=\"field span-2\">\r\n <label class=\"field-label\" style=\"margin-bottom:0.5rem;\">Upload Documents \/ Images<\/label>\r\n <div class=\"upload-zone\" id=\"dropzone\"\r\n onclick=\"document.getElementById('fileInput').click()\">\r\n <div class=\"upload-icon-wrap\">\r\n <svg class=\"upload-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\r\n d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"upload-cta\"><strong>Click to upload<\/strong> or drag and drop<\/div>\r\n <div class=\"upload-hint\">PDF, PNG, JPG \u2014 up to 10 MB each<\/div>\r\n <input type=\"file\" id=\"fileInput\" multiple accept=\".pdf,.jpg,.jpeg,.png\"\r\n style=\"display:none;\">\r\n <div id=\"fileList\"\r\n style=\"margin-top:0.75rem;font-size:0.8rem;text-align:left;color:var(--text-muted);display:none;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TERMS + SUBMIT -->\r\n <div class=\"submit-bar\">\r\n <div class=\"terms-row\">\r\n <input type=\"checkbox\" id=\"termsChk\" required>\r\n <div class=\"terms-text\">\r\n <strong>I confirm the information provided is accurate.<\/strong>\r\n <p>By submitting, you agree to the nomination guidelines and consent to verification by the\r\n Icons of Coimbatore Recognition Committee.<\/p>\r\n <\/div>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-submit\">\r\n Submit Nomination\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"\r\n d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <!-- SUCCESS -->\r\n <div class=\"success-panel\" id=\"successPanel\">\r\n <div class=\"success-gold-bar\"><\/div>\r\n <div class=\"success-body\">\r\n <div class=\"success-icon-wrap\">\r\n <svg width=\"34\" height=\"34\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"success-title\">Nomination Received<\/div>\r\n <p class=\"success-desc\">\r\n Thank you for your submission. The Icons of Coimbatore Recognition Committee\r\n will review the nomination carefully. You will be notified if further information is required.\r\n <\/p>\r\n <button class=\"btn-resubmit\" onclick=\"location.reload()\">\u2190 Submit Another Nomination<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <!-- FOOTER -->\r\n <div class=\"footer-accent\"><\/div>\r\n <footer>\r\n <div class=\"logo\">Icons of Coimbatore<\/div>\r\n <span>\u00a9 2026 Rathinam Techzone Campus<\/span>\r\n <span class=\"sep\">\u00b7<\/span>\r\n <span>Eachanari, Coimbatore \u2013 641 021<\/span>\r\n <span class=\"sep\">\u00b7<\/span>\r\n <span>The Annual Signature City Honour of Kovai<\/span>\r\n <\/footer>\r\n\r\n <!-- =========== SCRIPTS =========== -->\r\n <script>\r\n \/\/ ---- Categories ----\r\n const cats = {\r\n \"Cinema, Media & Entertainment\": [\r\n \"Cinematic Excellence Award\", \"Pride of Coimbatore in Cinema Award\",\r\n \"Creative Visionary Director Award\", \"Melody Icon Award (Playback Singers)\",\r\n \"Television Excellence Award\", \"Media Influence Icon Award\",\r\n \"Digital Creator Impact Award\", \"Voice of the Airwaves Award (Radio Jockeys)\"\r\n ],\r\n \"Sports & Fitness\": [\r\n \"Sports Icon of Coimbatore Award\", \"Champion of Champions Award\", \"Yoga Wellness Ambassador Award\"\r\n ],\r\n \"Industry, Business & Entrepreneurship\": [\r\n \"Industrial Excellence Award\", \"Legacy Business Leader Award\",\r\n \"Coimbatore Enterprise Icon Award\", \"Manufacturing Innovation Award\",\r\n \"Startup Trailblazer Award\", \"Women Business Leader of the Year\"\r\n ],\r\n \"Education & Academic Excellence\": [\r\n \"Educational Visionary Award\", \"Academic Leadership Excellence Award\",\r\n \"Chancellor's Distinguished Service Award\"\r\n ],\r\n \"Social Impact & Public Service\": [\r\n \"Rathinam Humanity Icon Award\", \"Green Guardian of the Year\", \"Compassionate Care Founder Award\"\r\n ],\r\n \"Government & Public Administration\": [\r\n \"Distinguished Public Medal\", \"Administrative Excellence Award\",\r\n \"Civic Governance Leadership Award\", \"Excellence in District Administration Award\"\r\n ],\r\n \"Technology & Innovation\": [\r\n \"Tech Visionary of the Year\", \"AI Innovation Leader Award\", \"National Engineering Impact Award\"\r\n ],\r\n \"Literature, Arts & Culture\": [\r\n \"Sahitya Ratna Award\", \"Lyricist Excellence Honour\",\r\n \"Natya Kala Ratna Award (Bharatanatyam)\", \"Artistic Legacy Award\"\r\n ],\r\n \"Special Recognition Categories\": [\r\n \"Pride of Coimbatore Award\", \"Global Coimbatore Icon Award\", \"Icon of the Decade\",\r\n \"Lifetime Achievement Honour\", \"Young Achiever of the Year\", \"Unsung Hero Recognition Award\"\r\n ]\r\n };\r\n\r\n const mainCat = document.getElementById('mainCat');\r\n const subCat = document.getElementById('subCat');\r\n Object.keys(cats).forEach(k => mainCat.add(new Option(k, k)));\r\n\r\n mainCat.addEventListener('change', () => {\r\n subCat.innerHTML = '<option value=\"\" disabled selected>Select specific award...<\/option>';\r\n cats[mainCat.value].forEach(s => subCat.add(new Option(s, s)));\r\n subCat.disabled = false;\r\n subCat.style.opacity = '1';\r\n subCat.classList.add('enabled');\r\n });\r\n\r\n \/\/ ---- Active section tracking ----\r\n const secs = ['sec-1', 'sec-2', 'sec-3', 'sec-4', 'sec-5'];\r\n document.querySelectorAll('input, select, textarea').forEach(el => {\r\n el.addEventListener('focus', () => {\r\n const sec = el.closest('.form-card');\r\n if (!sec) return;\r\n document.querySelectorAll('.form-card').forEach(c => c.classList.remove('active'));\r\n document.querySelectorAll('.card-top').forEach(b => b.classList.remove('lit'));\r\n sec.classList.add('active');\r\n const top = sec.querySelector('.card-top');\r\n if (top) top.classList.add('lit');\r\n const idx = secs.indexOf(sec.id);\r\n if (idx >= 0) updateProgress(idx + 1);\r\n });\r\n });\r\n\r\n function updateProgress(step) {\r\n const pct = Math.round((step \/ 5) * 100);\r\n document.getElementById('progressFill').style.width = pct + '%';\r\n document.getElementById('progressPct').textContent = pct + '%';\r\n secs.forEach((_, i) => {\r\n const d = document.getElementById('dot-' + (i + 1));\r\n if (!d) return;\r\n d.classList.remove('active', 'done');\r\n if (i + 1 === step) d.classList.add('active');\r\n else if (i + 1 < step) d.classList.add('done');\r\n });\r\n }\r\n\r\n \/\/ ---- File Upload ----\r\n const dropzone = document.getElementById('dropzone');\r\n const fileInput = document.getElementById('fileInput');\r\n const fileList = document.getElementById('fileList');\r\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(e => dropzone.addEventListener(e, ev => { ev.preventDefault(); ev.stopPropagation(); }));\r\n ['dragenter', 'dragover'].forEach(e => dropzone.addEventListener(e, () => dropzone.classList.add('dragover')));\r\n ['dragleave', 'drop'].forEach(e => dropzone.addEventListener(e, () => dropzone.classList.remove('dragover')));\r\n dropzone.addEventListener('drop', e => showFiles(e.dataTransfer.files));\r\n fileInput.addEventListener('change', () => showFiles(fileInput.files));\r\n\r\n function showFiles(files) {\r\n if (!files.length) return;\r\n fileList.style.display = 'block';\r\n fileList.innerHTML = '<strong style=\"font-family:Montserrat;font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy);\">Selected Files<\/strong>';\r\n Array.from(files).forEach(f => {\r\n const d = document.createElement('div');\r\n d.style.cssText = 'margin-top:0.3rem;color:var(--text-muted);font-size:0.8rem;';\r\n d.textContent = `\ud83d\udcce ${f.name} (${(f.size \/ 1024 \/ 1024).toFixed(2)} MB)`;\r\n fileList.appendChild(d);\r\n });\r\n }\r\n\r\n \/\/ ---- Countdown ----\r\n (function () {\r\n const deadline = new Date('2026-03-01T00:00:00+05:30').getTime();\r\n function tick() {\r\n const diff = deadline - Date.now();\r\n if (diff <= 0) {\r\n const g = document.getElementById('cdGroup');\r\n if (g) g.innerHTML = '<span class=\"dl-expired\">\u2b25 Nominations Closed<\/span>';\r\n return;\r\n }\r\n const pad = n => String(n).padStart(2, '0');\r\n document.getElementById('cd-days').textContent = pad(Math.floor(diff \/ 86400000));\r\n document.getElementById('cd-hours').textContent = pad(Math.floor(diff % 86400000 \/ 3600000));\r\n document.getElementById('cd-mins').textContent = pad(Math.floor(diff % 3600000 \/ 60000));\r\n document.getElementById('cd-secs').textContent = pad(Math.floor(diff % 60000 \/ 1000));\r\n setTimeout(tick, 1000);\r\n }\r\n tick();\r\n })();\r\n\r\n \/\/ ---- Submit ----\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n document.getElementById('nominationForm').style.display = 'none';\r\n document.getElementById('successPanel').style.display = 'block';\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Icons of Coimbatore \u2013 Nomination Form 2026 Official Recognition Programme \u00b7 2026 Icons of Coimbatore Nomination Form A city-level recognition […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/pages\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":7,"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/pages\/340\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/rtalkslp.rankuhigher.com\/index.php\/wp-json\/wp\/v2\/media?parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}