{"id":11979,"date":"2021-04-23T14:40:49","date_gmt":"2021-04-23T18:40:49","guid":{"rendered":"https:\/\/www.bscu.org\/?page_id=11979"},"modified":"2025-12-23T14:35:43","modified_gmt":"2025-12-23T19:35:43","slug":"5for25","status":"publish","type":"page","link":"https:\/\/www.bscu.org\/es\/5for25\/","title":{"rendered":"5 por 25"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-parent=\"true\" class=\"vc_row vc_custom_1742588380758 row-container\" style=\"padding-top: 20px ;padding-bottom: 20px ;\" id=\"row-unique-0\"><div class=\"row-background background-element\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-inner\" style=\"background-image: url(https:\/\/www.bscu.org\/wp-content\/uploads\/2021\/04\/5for25.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-bg-overlay style-overlay_color-169480-bg\" style=\"opacity: 0.7;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"row limit-width row-parent\" data-minheight=\"400\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-left align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  vc_custom_1742588269807 no-block-padding\" style=\"padding-top: 100px ;padding-bottom: 100px ;\" ><div class=\"uncont\" ><div id=\"ultimate-heading-425769daaee8462da\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-425769daaee8462da uvc-1806\" data-hspacer=\"no_spacer\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-425769daaee8462da h1'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}' ><h1 style=\"font-weight:bold;color:#ffffff;\">5 por 25<\/h1><\/div><div class=\"uvc-sub-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-425769daaee8462da .uvc-sub-heading '  data-responsive-json-new='{\"font-size\":\"desktop:24px;\",\"line-height\":\"\"}'  style=\"font-weight:normal;color:#ffffff;\"><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #ffffff;\">*Vea 5 videos educativos y reciba un dep\u00f3sito de $$25.00 en efectivo en su cuenta de ahorros BrightStar CU. As\u00ed de simple.<\/span><\/p>\n<p><\/div><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================ -->\n<!-- BrightStar 5 for $25 Financial Literacy Widget -->\n<!-- PART 1: Button (Place this wherever you want the button) -->\n<!-- ============================================ -->\n\n<button class=\"fivefor25-btn\" onclick=\"open5for25Modal()\">5 por $25 Aprendizaje<\/button>\n\n<style>\n\/* Just the button styles *\/\n.fivefor25-btn {\n\tbackground-color: #eaaf00;\n\tcolor: #031c32 !important;\n\tpadding: 12px 24px;\n\tborder: none;\n\tborder-radius: 4px;\n\tfont-size: 16px;\n\tcursor: pointer;\n\tmargin: 20px 0;\n\ttext-decoration: none !important;\n\tfont-weight: 700;\n\ttransition: all 0.3s ease;\n}\n\n.fivefor25-btn:hover {\n\tbackground-color: #ffffff;\n\tcolor: #031c32 !important;\n\ttext-decoration: none !important;\n\ttransform: translateY(-1px);\n\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n<\/style>\n\n<!-- ============================================ -->\n<!-- PART 2: Modal (Can be placed anywhere - will be moved to body automatically) -->\n<!-- ============================================ -->\n\n<!-- Modal Container -->\n<div class=\"brightstar-5for25-overlay\" id=\"fiveFor25Modal\">\n\t<div class=\"brightstar-5for25-container\">\n\t\t<div class=\"brightstar-5for25-header\">\n\t\t\t<span>5 por $25 Aprendizaje financiero<\/span>\n\t\t\t<button type=\"button\" class=\"brightstar-5for25-close\" onclick=\"close5for25Modal()\">\u00d7<\/button>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"brightstar-5for25-body\">\n\t\t\t<!-- Intro Message -->\n\t\t\t<div class=\"brightstar-5for25-intro\" id=\"intro5for25\">\n\t\t\t\t<div class=\"brightstar-5for25-hero\">\n\t\t\t\t\t<span class=\"brightstar-5for25-badge\">\ud83c\udf89 \u00a15 por $25 ya est\u00e1 aqu\u00ed!<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<p>Hicimos que el aprendizaje financiero fuera una maravilla con nuestro <strong>\u00a15 por $25 aprendiendo!<\/strong> Cuando su hijo vea TODOS los 5 videos educativos seg\u00fan su grado actual en la escuela, recibir\u00e1 un <strong>Dep\u00f3sito $25<\/strong> en su cuenta de ahorros BrightStar.<\/p>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Progress Indicator -->\n\t\t\t<div class=\"brightstar-5for25-progress\" id=\"progress5for25\">\n\t\t\t\t<div class=\"brightstar-5for25-progress-step active\" data-step=\"1\">\n\t\t\t\t\t<div class=\"brightstar-5for25-step-number\">1<\/div>\n\t\t\t\t\t<div class=\"brightstar-5for25-step-label\">Elegibilidad<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"brightstar-5for25-progress-line\"><\/div>\n\t\t\t\t<div class=\"brightstar-5for25-progress-step\" data-step=\"2\">\n\t\t\t\t\t<div class=\"brightstar-5for25-step-number\">2<\/div>\n\t\t\t\t\t<div class=\"brightstar-5for25-step-label\">Nivel de grado<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"brightstar-5for25-progress-line\"><\/div>\n\t\t\t\t<div class=\"brightstar-5for25-progress-step\" data-step=\"3\">\n\t\t\t\t\t<div class=\"brightstar-5for25-step-number\">3<\/div>\n\t\t\t\t\t<div class=\"brightstar-5for25-step-label\">V\u00eddeos<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"brightstar-5for25-progress-line\"><\/div>\n\t\t\t\t<div class=\"brightstar-5for25-progress-step\" data-step=\"4\">\n\t\t\t\t\t<div class=\"brightstar-5for25-step-number\">4<\/div>\n\t\t\t\t\t<div class=\"brightstar-5for25-step-label\">Entregar<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Step 1: Membership Eligibility -->\n\t\t\t<div class=\"brightstar-5for25-step active\" id=\"step5for25Eligibility\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Elegibilidad de membres\u00eda<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t<label>\u00bfEs usted actualmente miembro de BrightStar Credit Union? *<\/label>\n\t\t\t\t\t<div class=\"brightstar-5for25-option-buttons\">\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-option-btn\" data-value=\"yes\" onclick=\"handleMembershipCheck('yes')\">S\u00ed<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-option-btn\" data-value=\"no\" onclick=\"handleMembershipCheck('no')\">No<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-footer\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"close5for25Modal()\">Cancelar<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Non-Member Section -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"stepNonMember\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Se requiere membres\u00eda<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-notice\">\n\t\t\t\t\t<svg width=\"48\" height=\"48\" viewbox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t<circle cx=\"32\" cy=\"32\" r=\"32\" fill=\"#00475f\"\/>\n\t\t\t\t\t\t<text x=\"32\" y=\"42\" text-anchor=\"middle\" fill=\"white\" font-size=\"32\" font-weight=\"bold\">!<\/text>\n\t\t\t\t\t<\/svg>\n\t\t\t\t\t<p>Para ganar un <strong>Dep\u00f3sito en efectivo de $25.00<\/strong> en su cuenta de ahorros de BrightStar CU, debe tener una cuenta en BrightStar Credit Union.<\/p>\n\t\t\t\t\t<p>Un padre o tutor puede abrir una cuenta para ti. \u00a1Haz clic abajo para empezar!<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-footer\" style=\"justify-content: center; flex-direction: column; gap: 16px;\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-primary\" onclick=\"showMinorAccountFlow()\">Abrir una cuenta<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"goToStep('step5for25Eligibility', 1)\"><span style=\"margin-right: 4px;\">\u2190<\/span> Atr\u00e1s<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Minor Account Opening Flow -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"stepMinorAge\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Abrir una cuenta para menores<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t<label>\u00bfEl ni\u00f1o tiene 10 a\u00f1os o m\u00e1s?*<\/label>\n\t\t\t\t\t<div class=\"brightstar-5for25-option-buttons\">\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-option-btn\" data-value=\"yes\" onclick=\"handleMinorAge('yes')\">S\u00ed (10+)<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-option-btn\" data-value=\"no\" onclick=\"handleMinorAge('no')\">No (menores de 10)<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-footer\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"goToStep('stepNonMember', 1)\"><span style=\"margin-right: 4px;\">\u2190<\/span> Atr\u00e1s<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Minor Product Selection (10+) -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"stepMinorProducts\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Seleccione el tipo de cuenta<\/div>\n\t\t\t\t\n\t\t\t\t<p style=\"margin-bottom: 16px;\">\u00a1Genial! Para ni\u00f1os de 10 a\u00f1os o m\u00e1s, ofrecemos las siguientes cuentas:<\/p>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t<label>Elija un tipo de cuenta:<\/label>\n\t\t\t\t\t<div class=\"brightstar-5for25-option-buttons\" style=\"flex-direction: column;\">\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-option-btn\" onclick=\"redirectToAccount('https:\/\/app.loanspq.com\/apply.aspx?lenderref=Brightstarcu070620&list=1s&scenario=MinorSavings&acctype=MINOR')\">\n\t\t\t\t\t\t\t<strong>Solo cuenta de ahorros<\/strong>\n\t\t\t\t\t\t\t<span style=\"font-size: 13px; color: #666;\">Empiece a crear h\u00e1bitos de ahorro<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-option-btn\" onclick=\"redirectToAccount('https:\/\/app.loanspq.com\/apply.aspx?lenderref=Brightstarcu070620&list=1s&scenario=Minorsavchk&acctype=MINOR')\">\n\t\t\t\t\t\t\t<strong>Cuenta de Ahorros + Corriente<\/strong>\n\t\t\t\t\t\t\t<span style=\"font-size: 13px; color: #666;\">Aprenda a administrar el dinero con ambas cuentas<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-footer\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"goToStep('stepMinorAge', 1)\"><span style=\"margin-right: 4px;\">\u2190<\/span> Atr\u00e1s<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Step 2: Grade Level Selection -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"step5for25Grade\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Paso 1: Seleccione su nivel de grado<\/div>\n\t\t\t\t\n\t\t\t\t<p style=\"margin-bottom: 16px;\">Seleccione escuela primaria, secundaria o preparatoria seg\u00fan su grupo de edad.<\/p>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t<label>Elige uno *<\/label>\n\t\t\t\t\t<div class=\"brightstar-5for25-grade-grid\">\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-grade-btn grade-option\" data-grade=\"elementary\" onclick=\"selectGradeLevel('elementary')\">\n\t\t\t\t\t\t\t<span class=\"grade-icon\">\ud83d\udcda<\/span>\n\t\t\t\t\t\t\t<div class=\"grade-text\">\n\t\t\t\t\t\t\t\t<strong>Escuela primaria<\/strong>\n\t\t\t\t\t\t\t\t<span class=\"grade-subtitle\">Grados K-5<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-grade-btn grade-option\" data-grade=\"middle\" onclick=\"selectGradeLevel('middle')\">\n\t\t\t\t\t\t\t<span class=\"grade-icon\">\ud83d\udcd6<\/span>\n\t\t\t\t\t\t\t<div class=\"grade-text\">\n\t\t\t\t\t\t\t\t<strong>Escuela secundaria<\/strong>\n\t\t\t\t\t\t\t\t<span class=\"grade-subtitle\">Grados 6-8<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-grade-btn grade-option\" data-grade=\"high\" onclick=\"selectGradeLevel('high')\">\n\t\t\t\t\t\t\t<span class=\"grade-icon\">\ud83c\udf93<\/span>\n\t\t\t\t\t\t\t<div class=\"grade-text\">\n\t\t\t\t\t\t\t\t<strong>Escuela secundaria<\/strong>\n\t\t\t\t\t\t\t\t<span class=\"grade-subtitle\">Grados 9-12<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-footer\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"goToStep('step5for25Eligibility', 1)\"><span style=\"margin-right: 4px;\">\u2190<\/span> Atr\u00e1s<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Step 3: Videos Section -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"step5for25Videos\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Paso 2: Mira los videos<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-video-instructions\">\n\t\t\t\t\t<div class=\"brightstar-5for25-tip\">\n\t\t\t\t\t\t<span class=\"tip-icon\">\ud83d\udca1<\/span>\n\t\t\t\t\t\t<p><strong>Importante:<\/strong> Cada v\u00eddeo tiene un <strong>palabra clave<\/strong> que aparecer\u00e1n aleatoriamente. Anota cada palabra clave; \u00a1las necesitar\u00e1s en el siguiente paso!<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Video Grid Container -->\n\t\t\t\t<div class=\"brightstar-5for25-video-grid\" id=\"videoGrid\">\n\t\t\t\t\t<!-- Videos will be dynamically inserted here -->\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"brightstar-5for25-footer\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"goToStep('step5for25Grade', 2)\"><span style=\"margin-right: 4px;\">\u2190<\/span> Atr\u00e1s<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-primary\" onclick=\"goToStep('step5for25Form', 4)\">He visto todos los v\u00eddeos <span style=\"margin-left: 4px;\">\u2192<\/span><\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Step 4: Submission Form -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"step5for25Form\">\n\t\t\t\t<div class=\"brightstar-5for25-step-title\">Paso 3: Env\u00ede sus palabras clave<\/div>\n\t\t\t\t\n\t\t\t\t<p style=\"margin-bottom: 16px;\">Complete su informaci\u00f3n y palabras clave y haga clic en enviar. Revisaremos todos los env\u00edos y, una vez aprobados, recibir\u00e1 un <strong>Dep\u00f3sito $25<\/strong> A su cuenta de ahorros BrightStar. El dep\u00f3sito puede tardar hasta 3 d\u00edas h\u00e1biles en acreditarse.<\/p>\n\t\t\t\t\n\t\t\t\t<form id=\"fiveFor25Form\" action=\"\">\n\t\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t\t<label for=\"ff25Name\">Nombre * <span style=\"font-weight: normal; color: #666;\">(exactamente como su cuenta de ahorros BrightStar)<\/span><\/label>\n\t\t\t\t\t\t<input type=\"text\" id=\"ff25Name\" name=\"name\" placeholder=\"Ingrese su nombre completo\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"brightstar-5for25-row\">\n\t\t\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t\t\t<label for=\"ff25SchoolName\">Nombre de la escuela *<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"ff25SchoolName\" name=\"schoolName\" placeholder=\"El nombre de tu escuela\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t\t\t<label for=\"ff25Grade\">Calificaci\u00f3n *<\/label>\n\t\t\t\t\t\t\t<select id=\"ff25Grade\" name=\"grade\">\n\t\t\t\t\t\t\t\t<option value=\"\">Seleccionar grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"Kindergarten\">Kindergarten<\/option>\n\t\t\t\t\t\t\t\t<option value=\"1st Grade\">1er grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"2nd Grade\">2do Grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"3rd Grade\">3er grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"4th Grade\">4to grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"5th Grade\">5to grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"6th Grade\">6to grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"7th Grade\">7mo grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"8th Grade\">8vo grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"9th Grade\">Noveno grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"10th Grade\">10mo grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"11th Grade\">11\u00ba grado<\/option>\n\t\t\t\t\t\t\t\t<option value=\"12th Grade\">12\u00ba grado<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"brightstar-5for25-row\">\n\t\t\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t\t\t<label for=\"ff25ParentEmail\">Correo electr\u00f3nico de los padres *<\/label>\n\t\t\t\t\t\t\t<input type=\"email\" id=\"ff25ParentEmail\" name=\"parentEmail\" placeholder=\"parent@email.com\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t\t\t<label for=\"ff25ParentPhone\">N\u00famero de tel\u00e9fono de los padres *<\/label>\n\t\t\t\t\t\t\t<input type=\"tel\" id=\"ff25ParentPhone\" name=\"parentPhone\" placeholder=\"(555) 555-5555\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"brightstar-5for25-codewords-section\">\n\t\t\t\t\t\t<label class=\"codewords-header\">\ud83d\udd11 Palabras clave de los videos *<\/label>\n\t\t\t\t\t\t<div class=\"brightstar-5for25-codewords-grid\" id=\"codewordsGrid\">\n\t\t\t\t\t\t\t<!-- Code word fields will be dynamically inserted -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"brightstar-5for25-form-group brightstar-5for25-checkbox-group\">\n\t\t\t\t\t\t<label class=\"brightstar-5for25-checkbox-label\">\n\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"ff25ParentPermission\" name=\"parentPermission\">\n\t\t\t\t\t\t\t<span>Confirmo que tengo el permiso de mis padres o tutores para ingresar a este programa. *<\/span>\n\t\t\t\t\t\t<\/label>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<!-- Math CAPTCHA -->\n\t\t\t\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t\t\t\t<label for=\"ff25Captcha\">Control de seguridad: <span id=\"ff25MathQuestion\"><\/span> *<\/label>\n\t\t\t\t\t\t<input type=\"number\" id=\"ff25Captcha\" name=\"captcha\" placeholder=\"Ingrese la respuesta\" style=\"max-width: 150px;\">\n\t\t\t\t\t\t<input type=\"hidden\" id=\"ff25CaptchaAnswer\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"brightstar-5for25-footer\">\n\t\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-secondary\" onclick=\"goToStep('step5for25Videos', 3)\"><span style=\"margin-right: 4px;\">\u2190<\/span> Atr\u00e1s<\/button>\n\t\t\t\t\t\t<button type=\"submit\" class=\"brightstar-5for25-btn brightstar-5for25-btn-primary\" id=\"ff25SubmitBtn\">Presentar para la recompensa $25<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Success Section -->\n\t\t\t<div class=\"brightstar-5for25-step\" id=\"step5for25Success\">\n\t\t\t\t<div class=\"brightstar-5for25-success-message\">\n\t\t\t\t\t<svg width=\"64\" height=\"64\" viewbox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t<circle cx=\"32\" cy=\"32\" r=\"32\" fill=\"#00475f\"\/>\n\t\t\t\t\t\t<path d=\"M20 32L28 40L44 24\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t\t<h3>\ud83c\udf89\u00a1Enhorabuena!<\/h3>\n\t\t\t\t\t<p>\u00a1Tu propuesta 5 por $25 ha sido recibida! Revisaremos tus palabras clave y, una vez aprobadas, recibir\u00e1s un <strong>Dep\u00f3sito $25<\/strong> en su cuenta de ahorros BrightStar.<\/p>\n\t\t\t\t\t<p style=\"color: #666; font-size: 14px; margin-top: 12px;\">Por favor, espere hasta 3 d\u00edas h\u00e1biles para que se publique el dep\u00f3sito.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"brightstar-5for25-footer\" style=\"justify-content: center;\">\n\t\t\t\t\t<button type=\"button\" class=\"brightstar-5for25-btn brightstar-5for25-btn-primary\" onclick=\"close5for25Modal()\">Cerca<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!-- Video Lightbox -->\n<div class=\"brightstar-5for25-lightbox\" id=\"videoLightbox\">\n\t<div class=\"brightstar-5for25-lightbox-content\">\n\t\t<button type=\"button\" class=\"brightstar-5for25-lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/button>\n\t\t<div class=\"brightstar-5for25-lightbox-video\">\n\t\t\t<iframe id=\"lightboxIframe\" src=\"\" title=\"Video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<style>\n\/* BrightStar 5 for $25 Modal - Body Level Styles *\/\n.brightstar-5for25-overlay {\n\tdisplay: none !important;\n\tposition: fixed !important;\n\ttop: 0 !important;\n\tleft: 0 !important;\n\twidth: 100vw !important;\n\theight: 100vh !important;\n\tbackground-color: rgba(0, 0, 0, 0.75) !important;\n\tz-index: 999999999 !important;\n\tjustify-content: center !important;\n\talign-items: flex-start !important;\n\tpadding: 20px !important;\n\tbox-sizing: border-box !important;\n\toverflow-y: auto !important;\n\tmargin: 0 !important;\n}\n\n.brightstar-5for25-overlay.open {\n\tdisplay: flex !important;\n}\n\n.brightstar-5for25-container {\n\tbackground-color: white !important;\n\twidth: 90% !important;\n\tmax-width: 900px !important;\n\tborder-radius: 8px !important;\n\tbox-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;\n\tposition: relative !important;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif !important;\n\tcolor: #333 !important;\n\tfont-size: 15px !important;\n\tline-height: 1.5 !important;\n\tmargin: 20px auto !important;\n}\n\n.brightstar-5for25-header {\n\tbackground-color: #00475f !important;\n\tpadding: 16px 20px !important;\n\tcolor: white !important;\n\tfont-size: 18px !important;\n\tfont-weight: 600 !important;\n\tdisplay: flex !important;\n\tjustify-content: space-between !important;\n\talign-items: center !important;\n\tborder-radius: 8px 8px 0 0 !important;\n}\n\n.brightstar-5for25-close {\n\tbackground: none !important;\n\tborder: none !important;\n\tcolor: white !important;\n\tfont-size: 32px !important;\n\tcursor: pointer !important;\n\tpadding: 0 !important;\n\twidth: 32px !important;\n\theight: 32px !important;\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tborder-radius: 4px !important;\n\ttransition: background 0.2s !important;\n\tline-height: 1 !important;\n}\n\n.brightstar-5for25-close:hover {\n\tbackground: rgba(255, 255, 255, 0.1) !important;\n}\n\n.brightstar-5for25-body {\n\tpadding: 24px !important;\n}\n\n\/* Hero\/Intro Section *\/\n.brightstar-5for25-intro {\n\tbackground: linear-gradient(135deg, #f8f9fa 0%, #e8f4f8 100%) !important;\n\tborder-left: 4px solid #eaaf00 !important;\n\tpadding: 20px !important;\n\tmargin-bottom: 20px !important;\n\tborder-radius: 0 8px 8px 0 !important;\n}\n\n.brightstar-5for25-hero {\n\tmargin-bottom: 12px !important;\n}\n\n.brightstar-5for25-badge {\n\tdisplay: inline-block !important;\n\tbackground-color: #eaaf00 !important;\n\tcolor: #031c32 !important;\n\tpadding: 6px 14px !important;\n\tborder-radius: 20px !important;\n\tfont-weight: 700 !important;\n\tfont-size: 16px !important;\n}\n\n.brightstar-5for25-intro p {\n\tmargin: 0 !important;\n\tfont-size: 15px !important;\n\tcolor: #333 !important;\n}\n\n\/* Progress Indicator *\/\n.brightstar-5for25-progress {\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tmargin-bottom: 24px !important;\n\tflex-wrap: wrap !important;\n\tgap: 4px !important;\n}\n\n.brightstar-5for25-progress-step {\n\tdisplay: flex !important;\n\tflex-direction: column !important;\n\talign-items: center !important;\n\tposition: relative !important;\n}\n\n.brightstar-5for25-step-number {\n\twidth: 32px !important;\n\theight: 32px !important;\n\tborder-radius: 50% !important;\n\tbackground-color: #e0e0e0 !important;\n\tcolor: #666 !important;\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tfont-weight: 600 !important;\n\tfont-size: 14px !important;\n\ttransition: all 0.3s ease !important;\n}\n\n.brightstar-5for25-progress-step.active .brightstar-5for25-step-number,\n.brightstar-5for25-progress-step.completed .brightstar-5for25-step-number {\n\tbackground-color: #00475f !important;\n\tcolor: white !important;\n}\n\n.brightstar-5for25-step-label {\n\tfont-size: 10px !important;\n\tcolor: #666 !important;\n\tmargin-top: 4px !important;\n\tfont-weight: 500 !important;\n\ttext-transform: uppercase !important;\n\tletter-spacing: 0.5px !important;\n}\n\n.brightstar-5for25-progress-step.active .brightstar-5for25-step-label,\n.brightstar-5for25-progress-step.completed .brightstar-5for25-step-label {\n\tcolor: #00475f !important;\n}\n\n.brightstar-5for25-progress-line {\n\twidth: 40px !important;\n\theight: 3px !important;\n\tbackground-color: #e0e0e0 !important;\n\tmargin: 0 6px !important;\n\tmargin-bottom: 18px !important;\n\ttransition: background-color 0.3s ease !important;\n}\n\n.brightstar-5for25-progress-line.active {\n\tbackground-color: #00475f !important;\n}\n\n\/* Step Sections *\/\n.brightstar-5for25-step {\n\tdisplay: none;\n}\n\n.brightstar-5for25-step.active {\n\tdisplay: block;\n\tanimation: ff25FadeIn 0.3s ease;\n}\n\n@keyframes ff25FadeIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n\n.brightstar-5for25-step-title {\n\tfont-size: 18px !important;\n\tfont-weight: 700 !important;\n\tcolor: #00475f !important;\n\tmargin-bottom: 16px !important;\n\tpadding-bottom: 8px !important;\n\tborder-bottom: 2px solid #00475f !important;\n}\n\n.brightstar-5for25-footer {\n\tpadding: 16px 0 0 0 !important;\n\tborder-top: 1px solid #e0e0e0 !important;\n\tmargin-top: 20px !important;\n\tdisplay: flex !important;\n\tgap: 10px !important;\n\tjustify-content: space-between !important;\n}\n\n\/* Form Styles *\/\n.brightstar-5for25-row {\n\tdisplay: grid !important;\n\tgrid-template-columns: 1fr 1fr !important;\n\tgap: 12px !important;\n}\n\n.brightstar-5for25-form-group {\n\tmargin-bottom: 14px !important;\n}\n\n.brightstar-5for25-form-group label {\n\tdisplay: block !important;\n\tmargin-bottom: 5px !important;\n\tfont-weight: 600 !important;\n\tcolor: #333 !important;\n\tfont-size: 13px !important;\n}\n\n.brightstar-5for25-form-group input[type=\"text\"],\n.brightstar-5for25-form-group input[type=\"tel\"],\n.brightstar-5for25-form-group input[type=\"email\"],\n.brightstar-5for25-form-group input[type=\"number\"],\n.brightstar-5for25-form-group select,\n.brightstar-5for25-form-group textarea {\n\twidth: 100% !important;\n\tpadding: 10px 12px !important;\n\tborder: 1px solid #ddd !important;\n\tborder-radius: 4px !important;\n\tfont-size: 15px !important;\n\tbox-sizing: border-box !important;\n\tfont-family: inherit !important;\n\ttransition: border-color 0.2s, box-shadow 0.2s !important;\n\tbackground-color: white !important;\n}\n\n.brightstar-5for25-form-group input:focus,\n.brightstar-5for25-form-group select:focus,\n.brightstar-5for25-form-group textarea:focus {\n\toutline: none !important;\n\tborder-color: #00475f !important;\n\tbox-shadow: 0 0 0 3px rgba(0, 71, 95, 0.1) !important;\n}\n\n.brightstar-5for25-form-group input.error,\n.brightstar-5for25-form-group select.error {\n\tborder-color: #dc3545 !important;\n}\n\n\/* Option Buttons *\/\n.brightstar-5for25-option-buttons {\n\tdisplay: flex !important;\n\tgap: 12px !important;\n\tmargin-top: 10px !important;\n\tflex-wrap: wrap !important;\n}\n\n.brightstar-5for25-option-btn {\n\tflex: 1 !important;\n\tmin-width: 120px !important;\n\tpadding: 14px 18px !important;\n\tbackground-color: #f5f5f5 !important;\n\tborder: 2px solid #ddd !important;\n\tborder-radius: 8px !important;\n\tfont-size: 16px !important;\n\tfont-weight: 500 !important;\n\tcursor: pointer !important;\n\ttransition: all 0.2s ease !important;\n\tdisplay: flex !important;\n\tflex-direction: column !important;\n\talign-items: center !important;\n\tgap: 4px !important;\n\ttext-align: center !important;\n}\n\n.brightstar-5for25-option-btn:hover {\n\tbackground-color: #e9e9e9 !important;\n\tborder-color: #00475f !important;\n}\n\n.brightstar-5for25-option-btn.selected {\n\tbackground-color: #e8f4f8 !important;\n\tborder-color: #00475f !important;\n\tcolor: #00475f !important;\n}\n\n.grade-icon {\n\tfont-size: 24px !important;\n\tmargin-bottom: 4px !important;\n}\n\n\/* Grade Selection Grid *\/\n.brightstar-5for25-grade-grid {\n\tdisplay: grid !important;\n\tgrid-template-columns: repeat(3, 1fr) !important;\n\tgap: 16px !important;\n\tmargin-top: 12px !important;\n}\n\n.brightstar-5for25-grade-btn {\n\tdisplay: flex !important;\n\tflex-direction: column !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tpadding: 24px 16px !important;\n\tbackground-color: #f8f9fa !important;\n\tborder: 2px solid #ddd !important;\n\tborder-radius: 12px !important;\n\tcursor: pointer !important;\n\ttransition: all 0.2s ease !important;\n\ttext-align: center !important;\n\tmin-height: 140px !important;\n}\n\n.brightstar-5for25-grade-btn:hover {\n\tbackground-color: #e8f4f8 !important;\n\tborder-color: #00475f !important;\n\ttransform: translateY(-2px) !important;\n\tbox-shadow: 0 4px 12px rgba(0, 71, 95, 0.15) !important;\n}\n\n.brightstar-5for25-grade-btn.selected {\n\tbackground-color: #e8f4f8 !important;\n\tborder-color: #00475f !important;\n\tbox-shadow: 0 0 0 3px rgba(0, 71, 95, 0.2) !important;\n}\n\n.brightstar-5for25-grade-btn .grade-icon {\n\tfont-size: 36px !important;\n\tmargin-bottom: 10px !important;\n}\n\n.brightstar-5for25-grade-btn strong {\n\tfont-size: 16px !important;\n\tcolor: #00475f !important;\n\tmargin-bottom: 4px !important;\n}\n\n.brightstar-5for25-grade-btn .grade-subtitle {\n\tfont-size: 13px !important;\n\tcolor: #666 !important;\n}\n\n.brightstar-5for25-grade-btn .grade-text {\n\tdisplay: flex !important;\n\tflex-direction: column !important;\n\talign-items: center !important;\n}\n\n@media (max-width: 600px) {\n\t.brightstar-5for25-grade-btn .grade-text {\n\t\talign-items: flex-start !important;\n\t\ttext-align: left !important;\n\t}\n}\n\n\/* Code Words Section *\/\n.brightstar-5for25-codewords-section {\n\tbackground-color: #f8f9fa !important;\n\tborder: 2px solid #eaaf00 !important;\n\tborder-radius: 8px !important;\n\tpadding: 16px !important;\n\tmargin-bottom: 16px !important;\n}\n\n.codewords-header {\n\tfont-size: 15px !important;\n\tfont-weight: 700 !important;\n\tcolor: #00475f !important;\n\tmargin-bottom: 12px !important;\n\tdisplay: block !important;\n}\n\n.brightstar-5for25-codewords-grid {\n\tdisplay: grid !important;\n\tgrid-template-columns: repeat(3, 1fr) !important;\n\tgap: 10px !important;\n}\n\n.brightstar-5for25-codewords-grid .brightstar-5for25-form-group {\n\tmargin-bottom: 0 !important;\n}\n\n.brightstar-5for25-codewords-grid input {\n\ttext-transform: uppercase !important;\n}\n\n\/* Checkbox *\/\n.brightstar-5for25-checkbox-group {\n\tbackground-color: #fff8e6 !important;\n\tborder: 1px solid #eaaf00 !important;\n\tborder-radius: 6px !important;\n\tpadding: 12px !important;\n}\n\n.brightstar-5for25-checkbox-label {\n\tdisplay: flex !important;\n\talign-items: flex-start !important;\n\tgap: 10px !important;\n\tcursor: pointer !important;\n\tfont-weight: normal !important;\n}\n\n.brightstar-5for25-checkbox-label input[type=\"checkbox\"] {\n\tmargin-top: 3px !important;\n\twidth: 18px !important;\n\theight: 18px !important;\n\tcursor: pointer !important;\n}\n\n\/* Video Section *\/\n.brightstar-5for25-video-instructions {\n\tmargin-bottom: 20px !important;\n}\n\n.brightstar-5for25-tip {\n\tdisplay: flex !important;\n\talign-items: flex-start !important;\n\tgap: 12px !important;\n\tbackground-color: #fff8e6 !important;\n\tborder: 1px solid #eaaf00 !important;\n\tborder-radius: 8px !important;\n\tpadding: 14px !important;\n}\n\n.tip-icon {\n\tfont-size: 24px !important;\n\tflex-shrink: 0 !important;\n}\n\n.brightstar-5for25-tip p {\n\tmargin: 0 !important;\n\tfont-size: 14px !important;\n}\n\n\/* Video Grid - Thumbnail Style *\/\n.brightstar-5for25-video-grid {\n\tdisplay: grid !important;\n\tgrid-template-columns: repeat(3, 1fr) !important;\n\tgap: 12px !important;\n}\n\n.brightstar-5for25-video-card {\n\tposition: relative !important;\n\tborder-radius: 8px !important;\n\toverflow: hidden !important;\n\tcursor: pointer !important;\n\ttransition: transform 0.2s, box-shadow 0.2s !important;\n\tbackground-color: #000 !important;\n\taspect-ratio: 16\/9 !important;\n}\n\n.brightstar-5for25-video-card:hover {\n\ttransform: translateY(-3px) !important;\n\tbox-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;\n}\n\n.brightstar-5for25-video-card img {\n\twidth: 100% !important;\n\theight: 100% !important;\n\tobject-fit: cover !important;\n\tdisplay: block !important;\n}\n\n.brightstar-5for25-video-overlay {\n\tposition: absolute !important;\n\ttop: 0 !important;\n\tleft: 0 !important;\n\tright: 0 !important;\n\tbottom: 0 !important;\n\tbackground: rgba(0, 0, 0, 0.3) !important;\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\ttransition: background 0.2s !important;\n}\n\n.brightstar-5for25-video-card:hover .brightstar-5for25-video-overlay {\n\tbackground: rgba(0, 0, 0, 0.5) !important;\n}\n\n.brightstar-5for25-play-btn {\n\twidth: 50px !important;\n\theight: 50px !important;\n\tbackground-color: #00475f !important;\n\tborder-radius: 50% !important;\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\ttransition: transform 0.2s, background-color 0.2s !important;\n}\n\n.brightstar-5for25-video-card:hover .brightstar-5for25-play-btn {\n\ttransform: scale(1.1) !important;\n\tbackground-color: #eaaf00 !important;\n}\n\n.brightstar-5for25-play-btn svg {\n\twidth: 20px !important;\n\theight: 20px !important;\n\tfill: white !important;\n\tmargin-left: 3px !important;\n}\n\n.brightstar-5for25-video-number {\n\tposition: absolute !important;\n\ttop: 8px !important;\n\tleft: 8px !important;\n\twidth: 28px !important;\n\theight: 28px !important;\n\tbackground-color: #eaaf00 !important;\n\tcolor: #031c32 !important;\n\tborder-radius: 50% !important;\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tfont-weight: 700 !important;\n\tfont-size: 14px !important;\n\tz-index: 2 !important;\n}\n\n\/* Lightbox *\/\n.brightstar-5for25-lightbox {\n\tdisplay: none !important;\n\tposition: fixed !important;\n\ttop: 0 !important;\n\tleft: 0 !important;\n\twidth: 100vw !important;\n\theight: 100vh !important;\n\tbackground-color: rgba(0, 0, 0, 0.9) !important;\n\tz-index: 9999999999 !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tpadding: 40px !important;\n\tbox-sizing: border-box !important;\n}\n\n.brightstar-5for25-lightbox.open {\n\tdisplay: flex !important;\n}\n\n.brightstar-5for25-lightbox-content {\n\tposition: relative !important;\n\twidth: 100% !important;\n\tmax-width: 1000px !important;\n}\n\n.brightstar-5for25-lightbox-close {\n\tposition: absolute !important;\n\ttop: -40px !important;\n\tright: 0 !important;\n\tbackground: none !important;\n\tborder: none !important;\n\tcolor: white !important;\n\tfont-size: 36px !important;\n\tcursor: pointer !important;\n\tpadding: 0 !important;\n\twidth: 40px !important;\n\theight: 40px !important;\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\ttransition: color 0.2s !important;\n}\n\n.brightstar-5for25-lightbox-close:hover {\n\tcolor: #eaaf00 !important;\n}\n\n.brightstar-5for25-lightbox-video {\n\tposition: relative !important;\n\tpadding-bottom: 56.25% !important;\n\theight: 0 !important;\n\toverflow: hidden !important;\n\tborder-radius: 8px !important;\n\tbackground-color: #000 !important;\n}\n\n.brightstar-5for25-lightbox-video iframe {\n\tposition: absolute !important;\n\ttop: 0 !important;\n\tleft: 0 !important;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder: none !important;\n}\n\n\/* Non-member notice *\/\n.brightstar-5for25-notice {\n\ttext-align: center !important;\n\tpadding: 20px !important;\n\tbackground-color: #f8f9fa !important;\n\tborder-radius: 8px !important;\n}\n\n.brightstar-5for25-notice svg {\n\tmargin-bottom: 16px !important;\n}\n\n.brightstar-5for25-notice p {\n\tmargin: 0 0 12px 0 !important;\n\tfont-size: 15px !important;\n}\n\n\/* Buttons *\/\n.brightstar-5for25-btn {\n\tpadding: 12px 24px !important;\n\tborder: none !important;\n\tborder-radius: 4px !important;\n\tcursor: pointer !important;\n\tfont-size: 15px !important;\n\tfont-weight: 600 !important;\n\ttransition: all 0.2s !important;\n\ttext-decoration: none !important;\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n}\n\n.brightstar-5for25-btn:disabled {\n\topacity: 0.6 !important;\n\tcursor: not-allowed !important;\n}\n\n.brightstar-5for25-btn-primary {\n\tbackground-color: #00475f !important;\n\tcolor: white !important;\n}\n\n.brightstar-5for25-btn-primary:hover:not(:disabled) {\n\tbackground-color: #003246 !important;\n\tcolor: white !important;\n}\n\n.brightstar-5for25-btn-secondary {\n\tbackground-color: #f5f5f5 !important;\n\tcolor: #333 !important;\n\tborder: 1px solid #ddd !important;\n}\n\n.brightstar-5for25-btn-secondary:hover {\n\tbackground-color: #e9e9e9 !important;\n\tcolor: #333 !important;\n}\n\n\/* Success Message *\/\n.brightstar-5for25-success-message {\n\ttext-align: center !important;\n\tpadding: 30px 20px !important;\n}\n\n.brightstar-5for25-success-message svg {\n\tmargin-bottom: 20px !important;\n}\n\n.brightstar-5for25-success-message h3 {\n\tcolor: #00475f !important;\n\tfont-size: 24px !important;\n\tmargin-bottom: 16px !important;\n\tfont-weight: 700 !important;\n}\n\n.brightstar-5for25-success-message p {\n\tcolor: #333 !important;\n\tfont-size: 16px !important;\n\tline-height: 1.6 !important;\n\tmargin: 0 !important;\n}\n\n\/* Spinner *\/\n.brightstar-5for25-spinner {\n\tdisplay: inline-block !important;\n\twidth: 14px !important;\n\theight: 14px !important;\n\tborder: 2px solid rgba(255,255,255,.3) !important;\n\tborder-radius: 50% !important;\n\tborder-top-color: #fff !important;\n\tanimation: brightstar-5for25-spin 0.6s linear infinite !important;\n\tmargin-right: 8px !important;\n\tvertical-align: middle !important;\n}\n\n@keyframes brightstar-5for25-spin {\n\tto { transform: rotate(360deg); }\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n\t.brightstar-5for25-grade-grid {\n\t\tgrid-template-columns: repeat(3, 1fr) !important;\n\t}\n\t\n\t.brightstar-5for25-grade-btn {\n\t\tpadding: 16px 12px !important;\n\t\tmin-height: 120px !important;\n\t}\n\t\n\t.brightstar-5for25-grade-btn .grade-icon {\n\t\tfont-size: 28px !important;\n\t}\n\t\n\t.brightstar-5for25-grade-btn strong {\n\t\tfont-size: 14px !important;\n\t}\n}\n\n@media (max-width: 600px) {\n\t.brightstar-5for25-container {\n\t\twidth: 95% !important;\n\t\tmargin: 10px auto !important;\n\t}\n\t\n\t.brightstar-5for25-row {\n\t\tgrid-template-columns: 1fr !important;\n\t}\n\t\n\t.brightstar-5for25-codewords-grid {\n\t\tgrid-template-columns: 1fr 1fr !important;\n\t}\n\t\n\t.brightstar-5for25-video-grid {\n\t\tgrid-template-columns: repeat(2, 1fr) !important;\n\t}\n\t\n\t.brightstar-5for25-grade-grid {\n\t\tgrid-template-columns: 1fr !important;\n\t\tgap: 12px !important;\n\t}\n\t\n\t.brightstar-5for25-grade-btn {\n\t\tmin-height: auto !important;\n\t\tpadding: 16px !important;\n\t\tflex-direction: row !important;\n\t\tjustify-content: flex-start !important;\n\t\tgap: 12px !important;\n\t}\n\t\n\t.brightstar-5for25-grade-btn .grade-icon {\n\t\tfont-size: 28px !important;\n\t\tmargin-bottom: 0 !important;\n\t}\n\t\n\t.brightstar-5for25-grade-btn strong {\n\t\tfont-size: 15px !important;\n\t}\n\t\n\t.brightstar-5for25-header {\n\t\tfont-size: 16px !important;\n\t\tpadding: 14px 16px !important;\n\t}\n\t\n\t.brightstar-5for25-body {\n\t\tpadding: 16px !important;\n\t}\n\t\n\t.brightstar-5for25-progress-line {\n\t\twidth: 20px !important;\n\t}\n\t\n\t.brightstar-5for25-step-label {\n\t\tfont-size: 9px !important;\n\t}\n\t\n\t.brightstar-5for25-step-number {\n\t\twidth: 28px !important;\n\t\theight: 28px !important;\n\t\tfont-size: 12px !important;\n\t}\n\t\n\t.brightstar-5for25-option-buttons {\n\t\tflex-direction: column !important;\n\t}\n\t\n\t.brightstar-5for25-option-btn {\n\t\twidth: 100% !important;\n\t}\n\t\n\t.brightstar-5for25-footer {\n\t\tflex-direction: row !important;\n\t}\n\t\n\t.brightstar-5for25-btn {\n\t\tflex: 1 !important;\n\t\tpadding: 10px 12px !important;\n\t\tfont-size: 14px !important;\n\t}\n\t\n\t.brightstar-5for25-play-btn {\n\t\twidth: 40px !important;\n\t\theight: 40px !important;\n\t}\n\t\n\t.brightstar-5for25-play-btn svg {\n\t\twidth: 16px !important;\n\t\theight: 16px !important;\n\t}\n\t\n\t.brightstar-5for25-lightbox {\n\t\tpadding: 20px !important;\n\t}\n\t\n\t.brightstar-5for25-lightbox-close {\n\t\ttop: -35px !important;\n\t\tfont-size: 30px !important;\n\t}\n}\n\n@media (max-width: 400px) {\n\t.brightstar-5for25-codewords-grid {\n\t\tgrid-template-columns: 1fr !important;\n\t}\n\t\n\t.brightstar-5for25-video-grid {\n\t\tgrid-template-columns: 1fr !important;\n\t}\n}\n<\/style>\n\n<script>\n\/\/ Track state\nlet ff25CurrentStep = 1;\nlet ff25SelectedGrade = null;\nlet ff25IsMember = null;\n\n\/\/ Video data by grade level\nconst ff25Videos = {\n\telementary: [\n\t\t{ id: 'KczzdcfKg24', title: 'Video 1' },\n\t\t{ id: 'csMQQx4UCUA', title: 'Video 2' },\n\t\t{ id: 'd1l4hc85xOw', title: 'Video 3' },\n\t\t{ id: '4RM1U5WRsKg', title: 'Video 4' },\n\t\t{ id: 'xnXai-Px9PE', title: 'Video 5' }\n\t],\n\tmiddle: [\n\t\t{ id: 'V8DFiIw-7ro', title: 'Video 1' },\n\t\t{ id: 'lyukrQ_3hds', title: 'Video 2' },\n\t\t{ id: 'ue6DObbomfA', title: 'Video 3' },\n\t\t{ id: 'kwaVxoYISus', title: 'Video 4' },\n\t\t{ id: 'rehaxb9QQi4', title: 'Video 5' }\n\t],\n\thigh: [\n\t\t{ id: 'a5JrEwuhQUw', title: 'Video 1' },\n\t\t{ id: 'rsCfPkwaQX8', title: 'Video 2' },\n\t\t{ id: 'L6xJ6XNewo4', title: 'Video 3' },\n\t\t{ id: 'HHLipq6CbdI', title: 'Video 4' },\n\t\t{ id: 'TGRTzO6NXu8', title: 'Video 5' },\n\t\t{ id: 'wkgGpjUAqI8', title: 'Video 6' }\n\t]\n};\n\n\/\/ Global functions for modal control\nfunction open5for25Modal() {\n\tconst modal = document.getElementById('fiveFor25Modal');\n\tif (modal) {\n\t\tmodal.classList.add('open');\n\t\tdocument.body.style.overflow = 'hidden';\n\t\tdocument.body.style.paddingRight = (window.innerWidth - document.documentElement.clientWidth) + 'px';\n\t\t\n\t\t\/\/ Reset state\n\t\tff25CurrentStep = 1;\n\t\tff25SelectedGrade = null;\n\t\tff25IsMember = null;\n\t\t\n\t\t\/\/ Show initial step\n\t\tgoToStep('step5for25Eligibility', 1);\n\t\t\n\t\t\/\/ Show intro and progress\n\t\tdocument.getElementById('intro5for25').style.display = 'block';\n\t\tdocument.getElementById('progress5for25').style.display = 'flex';\n\t\t\n\t\tgenerate5for25Captcha();\n\t\t\n\t\tif (typeof amplitude !== 'undefined' && amplitude.getInstance) {\n\t\t\tamplitude.getInstance().logEvent('5 for 25 Modal Opened');\n\t\t}\n\t}\n}\n\nfunction close5for25Modal() {\n\tconst modal = document.getElementById('fiveFor25Modal');\n\tif (modal) {\n\t\tmodal.classList.remove('open');\n\t\tdocument.body.style.overflow = '';\n\t\tdocument.body.style.paddingRight = '';\n\t\t\n\t\t\/\/ Reset form\n\t\tconst form = document.getElementById('fiveFor25Form');\n\t\tif (form) form.reset();\n\t\t\n\t\t\/\/ Reset state\n\t\tff25CurrentStep = 1;\n\t\tff25SelectedGrade = null;\n\t\tff25IsMember = null;\n\t\t\n\t\t\/\/ Reset UI\n\t\tdocument.querySelectorAll('.brightstar-5for25-option-btn').forEach(btn => {\n\t\t\tbtn.classList.remove('selected');\n\t\t});\n\t\t\n\t\t\/\/ Clear video grid\n\t\tdocument.getElementById('videoGrid').innerHTML = '';\n\t\t\n\t\t\/\/ Reset submit button\n\t\tconst submitBtn = document.getElementById('ff25SubmitBtn');\n\t\tif (submitBtn) {\n\t\t\tsubmitBtn.disabled = false;\n\t\t\tsubmitBtn.innerHTML = 'Submit for $25 Reward';\n\t\t}\n\t\t\n\t\t\/\/ Remove error classes\n\t\tdocument.querySelectorAll('.brightstar-5for25-form-group input, .brightstar-5for25-form-group select').forEach(el => {\n\t\t\tel.classList.remove('error');\n\t\t});\n\t}\n}\n\nfunction goToStep(stepId, progressStep) {\n\t\/\/ Hide all steps\n\tdocument.querySelectorAll('.brightstar-5for25-step').forEach(el => {\n\t\tel.classList.remove('active');\n\t});\n\t\n\t\/\/ Show target step\n\tconst targetStep = document.getElementById(stepId);\n\tif (targetStep) {\n\t\ttargetStep.classList.add('active');\n\t}\n\t\n\t\/\/ Update progress only for main steps\n\tif (progressStep) {\n\t\tff25CurrentStep = progressStep;\n\t\tupdateProgress(progressStep);\n\t}\n\t\n\t\/\/ Show\/hide intro and progress based on step\n\tconst isMainFlow = ['step5for25Eligibility', 'step5for25Grade', 'step5for25Videos', 'step5for25Form'].includes(stepId);\n\tconst isSuccess = stepId === 'step5for25Success';\n\t\n\tdocument.getElementById('intro5for25').style.display = (stepId === 'step5for25Eligibility') ? 'block' : 'none';\n\tdocument.getElementById('progress5for25').style.display = (isMainFlow && !isSuccess) ? 'flex' : 'none';\n\t\n\t\/\/ Generate captcha when reaching form step\n\tif (stepId === 'step5for25Form') {\n\t\tgenerate5for25Captcha();\n\t}\n}\n\nfunction updateProgress(step) {\n\tdocument.querySelectorAll('.brightstar-5for25-progress-step').forEach(el => {\n\t\tconst stepNum = parseInt(el.getAttribute('data-step'));\n\t\tel.classList.remove('active', 'completed');\n\t\t\n\t\tif (stepNum < step) {\n\t\t\tel.classList.add('completed');\n\t\t} else if (stepNum === step) {\n\t\t\tel.classList.add('active');\n\t\t}\n\t});\n\t\n\tconst lines = document.querySelectorAll('.brightstar-5for25-progress-line');\n\tlines.forEach((line, index) => {\n\t\tif (index < step - 1) {\n\t\t\tline.classList.add('active');\n\t\t} else {\n\t\t\tline.classList.remove('active');\n\t\t}\n\t});\n}\n\nfunction handleMembershipCheck(value) {\n\tff25IsMember = value;\n\t\n\t\/\/ Highlight selected button\n\tdocument.querySelectorAll('#step5for25Eligibility .brightstar-5for25-option-btn').forEach(btn => {\n\t\tbtn.classList.remove('selected');\n\t\tif (btn.getAttribute('data-value') === value) {\n\t\t\tbtn.classList.add('selected');\n\t\t}\n\t});\n\t\n\tsetTimeout(() => {\n\t\tif (value === 'yes') {\n\t\t\tgoToStep('step5for25Grade', 2);\n\t\t} else {\n\t\t\tgoToStep('stepNonMember', null);\n\t\t}\n\t}, 200);\n}\n\nfunction showMinorAccountFlow() {\n\tgoToStep('stepMinorAge', null);\n}\n\nfunction handleMinorAge(value) {\n\tdocument.querySelectorAll('#stepMinorAge .brightstar-5for25-option-btn').forEach(btn => {\n\t\tbtn.classList.remove('selected');\n\t\tif (btn.getAttribute('data-value') === value) {\n\t\t\tbtn.classList.add('selected');\n\t\t}\n\t});\n\t\n\tsetTimeout(() => {\n\t\tif (value === 'yes') {\n\t\t\tgoToStep('stepMinorProducts', null);\n\t\t} else {\n\t\t\t\/\/ Under 10 - redirect to minor savings\n\t\t\twindow.location.href = 'https:\/\/app.loanspq.com\/apply.aspx?lenderref=Brightstarcu070620&list=1s&scenario=MinorSavings&acctype=MINOR';\n\t\t}\n\t}, 200);\n}\n\nfunction redirectToAccount(url) {\n\twindow.location.href = url;\n}\n\nfunction selectGradeLevel(grade) {\n\tff25SelectedGrade = grade;\n\t\n\t\/\/ Highlight selected button\n\tdocument.querySelectorAll('.grade-option').forEach(btn => {\n\t\tbtn.classList.remove('selected');\n\t\tif (btn.getAttribute('data-grade') === grade) {\n\t\t\tbtn.classList.add('selected');\n\t\t}\n\t});\n\t\n\t\/\/ Render videos for selected grade\n\trenderVideos(grade);\n\t\n\t\/\/ Render code word fields\n\trenderCodewordFields(grade);\n\t\n\tsetTimeout(() => {\n\t\tgoToStep('step5for25Videos', 3);\n\t}, 200);\n\t\n\tif (typeof amplitude !== 'undefined' && amplitude.getInstance) {\n\t\tamplitude.getInstance().logEvent('5 for 25 Grade Selected', { grade: grade });\n\t}\n}\n\nfunction renderVideos(grade) {\n\tconst videos = ff25Videos[grade];\n\tconst container = document.getElementById('videoGrid');\n\t\n\tcontainer.innerHTML = videos.map((video, index) => `\n\t\t<div class=\"brightstar-5for25-video-card\" onclick=\"openVideo('${video.id}')\">\n\t\t\t<span class=\"brightstar-5for25-video-number\">${index + 1}<\/span>\n\t\t\t<img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/${video.id}\/mqdefault.jpg\" alt=\"${video.title}\" loading=\"lazy\">\n\t\t\t<div class=\"brightstar-5for25-video-overlay\">\n\t\t\t\t<div class=\"brightstar-5for25-play-btn\">\n\t\t\t\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t`).join('');\n}\n\nfunction renderCodewordFields(grade) {\n\tconst videos = ff25Videos[grade];\n\tconst container = document.getElementById('codewordsGrid');\n\t\n\tcontainer.innerHTML = videos.map((video, index) => `\n\t\t<div class=\"brightstar-5for25-form-group\">\n\t\t\t<label for=\"ff25Code${index + 1}\">Code Word ${index + 1}<\/label>\n\t\t\t<input type=\"text\" id=\"ff25Code${index + 1}\" name=\"codeWord${index + 1}\" placeholder=\"Video ${index + 1} code\">\n\t\t<\/div>\n\t`).join('');\n}\n\nfunction openVideo(videoId) {\n\tconst lightbox = document.getElementById('videoLightbox');\n\tconst iframe = document.getElementById('lightboxIframe');\n\t\n\tiframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0`;\n\tlightbox.classList.add('open');\n\t\n\tif (typeof amplitude !== 'undefined' && amplitude.getInstance) {\n\t\tamplitude.getInstance().logEvent('5 for 25 Video Opened', { videoId: videoId });\n\t}\n}\n\nfunction closeLightbox() {\n\tconst lightbox = document.getElementById('videoLightbox');\n\tconst iframe = document.getElementById('lightboxIframe');\n\t\n\tiframe.src = '';\n\tlightbox.classList.remove('open');\n}\n\nfunction generate5for25Captcha() {\n\tconst num1 = Math.floor(Math.random() * 10) + 1;\n\tconst num2 = Math.floor(Math.random() * 10) + 1;\n\tconst answer = num1 + num2;\n\t\n\tconst questionEl = document.getElementById('ff25MathQuestion');\n\tconst answerEl = document.getElementById('ff25CaptchaAnswer');\n\t\n\tif (questionEl && answerEl) {\n\t\tquestionEl.textContent = `What is ${num1} + ${num2}?`;\n\t\tanswerEl.value = answer;\n\t}\n}\n\nfunction isValidEmail(email) {\n\tconst re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\treturn re.test(email);\n}\n\n\/\/ Initialize when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n\t\/\/ Move modal to body to escape WordPress stacking context\n\tconst modal = document.getElementById('fiveFor25Modal');\n\tif (modal && modal.parentElement !== document.body) {\n\t\tdocument.body.appendChild(modal);\n\t}\n\t\n\t\/\/ Move lightbox to body too\n\tconst lightbox = document.getElementById('videoLightbox');\n\tif (lightbox && lightbox.parentElement !== document.body) {\n\t\tdocument.body.appendChild(lightbox);\n\t}\n\t\n\t\/\/ Generate initial captcha\n\tgenerate5for25Captcha();\n\t\n\t\/\/ Click outside to close modal\n\tif (modal) {\n\t\tmodal.addEventListener('click', function(e) {\n\t\t\tif (e.target === modal) {\n\t\t\t\tclose5for25Modal();\n\t\t\t}\n\t\t});\n\t}\n\t\n\t\/\/ Click outside to close lightbox\n\tif (lightbox) {\n\t\tlightbox.addEventListener('click', function(e) {\n\t\t\tif (e.target === lightbox) {\n\t\t\t\tcloseLightbox();\n\t\t\t}\n\t\t});\n\t}\n\t\n\t\/\/ ESC key to close\n\tdocument.addEventListener('keydown', function(e) {\n\t\tif (e.key === 'Escape') {\n\t\t\tconst lightbox = document.getElementById('videoLightbox');\n\t\t\tif (lightbox && lightbox.classList.contains('open')) {\n\t\t\t\tcloseLightbox();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\tconst modal = document.getElementById('fiveFor25Modal');\n\t\t\tif (modal && modal.classList.contains('open')) {\n\t\t\t\tclose5for25Modal();\n\t\t\t}\n\t\t}\n\t});\n\t\n\t\/\/ Form submission\n\tconst form = document.getElementById('fiveFor25Form');\n\tif (form) {\n\t\tform.addEventListener('submit', async function(e) {\n\t\t\te.preventDefault();\n\t\t\t\n\t\t\t\/\/ Remove previous error classes\n\t\t\tdocument.querySelectorAll('.brightstar-5for25-form-group input, .brightstar-5for25-form-group select').forEach(el => {\n\t\t\t\tel.classList.remove('error');\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Get video count for selected grade\n\t\t\tconst videoCount = ff25Videos[ff25SelectedGrade].length;\n\t\t\t\n\t\t\t\/\/ Validate required fields\n\t\t\tlet isValid = true;\n\t\t\tconst requiredFields = [\n\t\t\t\t{ id: 'ff25Name', message: 'Name is required' },\n\t\t\t\t{ id: 'ff25SchoolName', message: 'School Name is required' },\n\t\t\t\t{ id: 'ff25Grade', message: 'Grade is required' },\n\t\t\t\t{ id: 'ff25ParentEmail', message: 'Parent Email is required' },\n\t\t\t\t{ id: 'ff25ParentPhone', message: 'Parent Phone is required' }\n\t\t\t];\n\t\t\t\n\t\t\t\/\/ Add code word fields based on video count\n\t\t\tfor (let i = 1; i <= videoCount; i++) {\n\t\t\t\trequiredFields.push({ id: `ff25Code${i}`, message: `Code Word ${i} is required` });\n\t\t\t}\n\t\t\t\n\t\t\tfor (const field of requiredFields) {\n\t\t\t\tconst element = document.getElementById(field.id);\n\t\t\t\tif (element && !element.value.trim()) {\n\t\t\t\t\telement.classList.add('error');\n\t\t\t\t\tisValid = false;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Validate email format\n\t\t\tconst emailField = document.getElementById('ff25ParentEmail');\n\t\t\tif (emailField.value.trim() && !isValidEmail(emailField.value.trim())) {\n\t\t\t\temailField.classList.add('error');\n\t\t\t\talert('Please enter a valid email address.');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Check parent permission\n\t\t\tif (!document.getElementById('ff25ParentPermission').checked) {\n\t\t\t\talert('Please confirm that you have your parent\\'s or guardian\\'s permission to enter.');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\tif (!isValid) {\n\t\t\t\talert('Please fill in all required fields.');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Verify CAPTCHA\n\t\t\tconst userAnswer = parseInt(document.getElementById('ff25Captcha').value);\n\t\t\tconst correctAnswer = parseInt(document.getElementById('ff25CaptchaAnswer').value);\n\t\t\t\n\t\t\tif (userAnswer !== correctAnswer) {\n\t\t\t\talert('Incorrect answer to the security question. Please try again.');\n\t\t\t\tgenerate5for25Captcha();\n\t\t\t\tdocument.getElementById('ff25Captcha').value = '';\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Collect form data\n\t\t\tconst formData = {\n\t\t\t\tform_name: '5_for_25',\n\t\t\t\tname: document.getElementById('ff25Name').value.trim(),\n\t\t\t\tschool_name: document.getElementById('ff25SchoolName').value.trim(),\n\t\t\t\tgrade: document.getElementById('ff25Grade').value,\n\t\t\t\tgrade_level: ff25SelectedGrade,\n\t\t\t\tparent_email: document.getElementById('ff25ParentEmail').value.trim(),\n\t\t\t\tparent_phone: document.getElementById('ff25ParentPhone').value.trim(),\n\t\t\t\tparent_permission: true\n\t\t\t};\n\t\t\t\n\t\t\t\/\/ Add code words dynamically\n\t\t\tfor (let i = 1; i <= videoCount; i++) {\n\t\t\t\tconst codeField = document.getElementById(`ff25Code${i}`);\n\t\t\t\tif (codeField) {\n\t\t\t\t\tformData[`code_word_${i}`] = codeField.value.trim().toUpperCase();\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Disable submit button\n\t\t\tconst submitBtn = document.getElementById('ff25SubmitBtn');\n\t\t\tsubmitBtn.disabled = true;\n\t\t\tsubmitBtn.innerHTML = '<span class=\"brightstar-5for25-spinner\"><\/span>Submitting...';\n\t\t\t\n\t\t\ttry {\n\t\t\t\t\/\/ Submit to API\n\t\t\t\tconst response = await fetch('https:\/\/leads.mybscu.org\/submit-lead.php', {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t'Content-Type': 'application\/json',\n\t\t\t\t\t},\n\t\t\t\t\tbody: JSON.stringify(formData)\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tconst result = await response.json();\n\t\t\t\t\n\t\t\t\tif (result.success) {\n\t\t\t\t\t\/\/ Amplitude tracking\n\t\t\t\t\tif (typeof amplitude !== 'undefined' && amplitude.getInstance) {\n\t\t\t\t\t\tamplitude.getInstance().logEvent('5 for 25 Form Submitted', {\n\t\t\t\t\t\t\tgradeLevel: ff25SelectedGrade,\n\t\t\t\t\t\t\tgrade: formData.grade,\n\t\t\t\t\t\t\tschoolName: formData.school_name,\n\t\t\t\t\t\t\tleadId: result.lead_id\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Show success section\n\t\t\t\t\tgoToStep('step5for25Success', null);\n\t\t\t\t} else {\n\t\t\t\t\talert('Error: ' + (result.message || 'Unable to submit your application. Please try again.'));\n\t\t\t\t\tsubmitBtn.disabled = false;\n\t\t\t\t\tsubmitBtn.innerHTML = 'Submit for $25 Reward';\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Form submission error:', error);\n\t\t\t\talert('An error occurred while submitting your application. Please try again or contact us directly at 800-637-2728.');\n\t\t\t\tsubmitBtn.disabled = false;\n\t\t\t\tsubmitBtn.innerHTML = 'Submit for $25 Reward';\n\t\t\t}\n\t\t});\n\t}\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row style-color-xsdn-bg vc_custom_1619447747515 row-container onepage-section\" data-label=\"features\" data-name=\"features\" style=\"padding-top: 20px ;padding-bottom: 20px ;\" id=\"row-unique-1\"><div class=\"row limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-12 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p style=\"font-size: 14px; text-align: left;\"><span style=\"color: #000000;\"><strong>1. C\u00f3mo participar:<\/strong><br \/>\nLos estudiantes deben ver los cinco (5) videos de su grupo de edad. Luego, deben completar su informaci\u00f3n y palabras clave para completar su env\u00edo. BrightStar revisar\u00e1 todos los env\u00edos y, una vez aprobados, el estudiante recibir\u00e1 un dep\u00f3sito de $25 en su cuenta de ahorros BrightStar.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\"><strong>2. Elegibilidad:<\/strong><\/span><br \/>\n<span style=\"color: #000000;\">Debe ser estudiante actual en un condado que cumpla con los requisitos. Cada estudiante debe ser socio de BrightStar Credit Union y tener una cuenta de ahorros para menores o una cuenta corriente regular al corriente de pago. Debe tener dieciocho (18) a\u00f1os o menos. Nulo donde lo proh\u00edba la ley. Se aplican todas las leyes federales, estatales y locales.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\"><strong>3. Dep\u00f3sito $25:<\/strong><\/span><br \/>\n<span style=\"color: #000000;\">L\u00edmite de un (1) incentivo en efectivo por estudiante. Si es menor de dieciocho (18) a\u00f1os, el estudiante debe contar con el permiso de su padre, madre o tutor para participar, marcando la casilla correspondiente en el formulario de inscripci\u00f3n. La informaci\u00f3n completada en el formulario debe ser veraz; de lo contrario, el participante podr\u00eda perder el premio. BrightStar Management se reserva el derecho de modificar, cambiar o finalizar esta promoci\u00f3n en cualquier momento. BrightStar CU Management tiene total discreci\u00f3n para otorgar estos incentivos. Las decisiones de la gerencia son inapelables. Las recompensas se acreditar\u00e1n mensualmente; el procesamiento demora 30 d\u00edas. Asegurado federalmente por la NCUA.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\"><strong>4. Condiciones Generales:<\/strong><\/span><br \/>\n<span style=\"color: #000000;\">Al participar en este sorteo, los participantes aceptan regirse por estas Reglas Oficiales y las decisiones de los jueces, que son inapelables en todos los aspectos. Al participar, los participantes aceptan y reconocen que BrightStar Credit Union y sus empleados, funcionarios y directores no son responsables ni se responsabilizar\u00e1n de: (i) participaciones tard\u00edas, perdidas, retrasadas, mal dirigidas, incompletas, ilegibles, inexactas o ilegibles; (ii) cualquier lesi\u00f3n, p\u00e9rdida o da\u00f1o de cualquier tipo causado por el premio o resultante de la aceptaci\u00f3n, posesi\u00f3n, uso o mal uso de cualquier premio o de la participaci\u00f3n en el Sorteo; o (iii) correo con franqueo pagado, cualquier error de impresi\u00f3n, tipogr\u00e1fico, administrativo o tecnol\u00f3gico en cualquier material relacionado con el Sorteo. BrightStar Credit Union se reserva el derecho, a su entera discreci\u00f3n, de modificar, cancelar o suspender este Sorteo si alguna causa o problema corrompe o impide la administraci\u00f3n, seguridad o correcto funcionamiento del mismo. En tal caso, seleccionar\u00e1 al ganador entre las participaciones recibidas antes de la acci\u00f3n tomada o de la manera que BrightStar Credit Union considere justa y apropiada. BrightStar Credit Union podr\u00e1 utilizar el nombre, la imagen y el nombre de la ciudad del ganador con fines promocionales sin compensaci\u00f3n adicional, excepto donde lo proh\u00edba la ley.<\/span><\/p>\n<p>\n<\/div><div id=\"modal-trg-txt-wrap-6717\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin\" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><span data-class-id=\"content-69daaee848c089-59757864\"><\/span>\r\n\t\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t\t(function($){\r\n\t\t\t\t\t$(document).ready(function(){\r\n\t\t\t\t\t\tvar selector = \".5for25form\";\r\n\t\t\t\t\t\t$(selector).addClass(\"custom-ult-modal overlay-show-genie\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-class-id\", \"content-69daaee848c089-59757864\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-overlay-class\", \"overlay-show-genie\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-keypress-control\", \"keypress-control-enable\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-overlay-control\", \"overlay-control-enable\");\r\n\t\t\t\t\t});\r\n\t\t\t\t})(jQuery);\r\n\t\t\t\t<\/script><\/div>\n<div class=\"ult-overlay overlay-genie content-69daaee848c089-59757864\" style=\"display:none\" data-class=\"content-69daaee848c089-59757864\" data-steps=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewbox=\"0 0 1440 806\" preserveaspectratio=\"none\">\r\n\t\t\t\t\t\t\t<path class=\"overlay-path\" d=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z\" style=\"fill:rgba(255,255,255,0.8);\"\/>\r\n\t\t\t\t\t\t<\/svg>\n\t<div class=\"ult_modal ult-fade ult-small\">\n\t<div class=\"ult-overlay-close popup-edge-top-right\" style=\"width:25px;height:25px; background-color: #eaaf00;border-radius: 50%;padding:10px;box-sizing: content-box; top:-22.5px;right:-22.5px;\"><div class=\"ult-overlay-close-inside\">Cerca<\/div><\/div>\n\t\t<div id=\"ult-modal-wrap-5784\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:20px;border-color:;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#00475f;color:#ffffff;border-color:;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-5784 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">5 por 25<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-5784 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#eaeaea;\">\n\t\t\t<iframe style=\"width: 100%; height: 700px; border: 0 none; overflow-y: auto;\" src=\"https:\/\/www.bscu.org\/forms\/eforms\/5for25-helper\/61\/\" width=\"100%\" height=\"700\" frameborder=\"0\">\u00a0<\/iframe>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00a15 por 25, estudiantes! Vean 5 videos y obtengan un dep\u00f3sito de $25 en su cuenta de ahorros BrightStar CU. Hagan clic aqu\u00ed para obtener m\u00e1s informaci\u00f3n.<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11979","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 For 25 - BrightStar Credit Union<\/title>\n<meta name=\"description\" content=\"5 for 25, Students! Watch 5 videos and earn a $25 deposit in your BrightStar CU Savings Account. Click here to learn more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bscu.org\/es\/5for25\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 For 25\" \/>\n<meta property=\"og:description\" content=\"5 for 25, Students! Watch 5 videos and earn a $25 deposit in your BrightStar CU Savings Account. Click here to learn more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bscu.org\/es\/5for25\/\" \/>\n<meta property=\"og:site_name\" content=\"BrightStar Credit Union\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightStarCU\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-23T19:35:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bscu.org\/5for25\/\",\"url\":\"https:\/\/www.bscu.org\/5for25\/\",\"name\":\"5 For 25 - BrightStar Credit Union\",\"isPartOf\":{\"@id\":\"https:\/\/www.bscu.org\/#website\"},\"datePublished\":\"2021-04-23T18:40:49+00:00\",\"dateModified\":\"2025-12-23T19:35:43+00:00\",\"description\":\"5 for 25, Students! Watch 5 videos and earn a $25 deposit in your BrightStar CU Savings Account. Click here to learn more.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bscu.org\/5for25\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bscu.org\/5for25\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bscu.org\/5for25\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bscu.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 For 25\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bscu.org\/#website\",\"url\":\"https:\/\/www.bscu.org\/\",\"name\":\"BrightStar Credit Union\",\"description\":\"Serving  Broward, Collier, Lee, Martin, Miami-Dade, Palm Beach or St. Lucie Counties, Florida.\",\"publisher\":{\"@id\":\"https:\/\/www.bscu.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bscu.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bscu.org\/#organization\",\"name\":\"BrightStar Credit Union\",\"url\":\"https:\/\/www.bscu.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bscu.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png\",\"contentUrl\":\"https:\/\/www.bscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png\",\"width\":500,\"height\":214,\"caption\":\"BrightStar Credit Union\"},\"image\":{\"@id\":\"https:\/\/www.bscu.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/BrightStarCU\/\",\"https:\/\/www.instagram.com\/brightstar.creditunion\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 For 25 - BrightStar Credit Union","description":"\u00a15 por 25, estudiantes! Vean 5 videos y obtengan un dep\u00f3sito de $25 en su cuenta de ahorros BrightStar CU. Hagan clic aqu\u00ed para obtener m\u00e1s informaci\u00f3n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bscu.org\/es\/5for25\/","og_locale":"es_ES","og_type":"article","og_title":"5 For 25","og_description":"5 for 25, Students! Watch 5 videos and earn a $25 deposit in your BrightStar CU Savings Account. Click here to learn more.","og_url":"https:\/\/www.bscu.org\/es\/5for25\/","og_site_name":"BrightStar Credit Union","article_publisher":"https:\/\/www.facebook.com\/BrightStarCU\/","article_modified_time":"2025-12-23T19:35:43+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bscu.org\/5for25\/","url":"https:\/\/www.bscu.org\/5for25\/","name":"5 For 25 - BrightStar Credit Union","isPartOf":{"@id":"https:\/\/www.bscu.org\/#website"},"datePublished":"2021-04-23T18:40:49+00:00","dateModified":"2025-12-23T19:35:43+00:00","description":"\u00a15 por 25, estudiantes! Vean 5 videos y obtengan un dep\u00f3sito de $25 en su cuenta de ahorros BrightStar CU. Hagan clic aqu\u00ed para obtener m\u00e1s informaci\u00f3n.","breadcrumb":{"@id":"https:\/\/www.bscu.org\/5for25\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bscu.org\/5for25\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bscu.org\/5for25\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bscu.org\/"},{"@type":"ListItem","position":2,"name":"5 For 25"}]},{"@type":"WebSite","@id":"https:\/\/www.bscu.org\/#website","url":"https:\/\/www.bscu.org\/","name":"Cooperativa de cr\u00e9dito BrightStar","description":"Sirviendo a los condados de Broward, Collier, Lee, Martin, Miami-Dade, Palm Beach o St. Lucie, Florida.","publisher":{"@id":"https:\/\/www.bscu.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bscu.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.bscu.org\/#organization","name":"Cooperativa de cr\u00e9dito BrightStar","url":"https:\/\/www.bscu.org\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bscu.org\/#\/schema\/logo\/image\/","url":"https:\/\/www.bscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png","contentUrl":"https:\/\/www.bscu.org\/wp-content\/uploads\/2016\/07\/logo-1.png","width":500,"height":214,"caption":"BrightStar Credit Union"},"image":{"@id":"https:\/\/www.bscu.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightStarCU\/","https:\/\/www.instagram.com\/brightstar.creditunion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/pages\/11979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/comments?post=11979"}],"version-history":[{"count":3,"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/pages\/11979\/revisions"}],"predecessor-version":[{"id":18300,"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/pages\/11979\/revisions\/18300"}],"wp:attachment":[{"href":"https:\/\/www.bscu.org\/es\/wp-json\/wp\/v2\/media?parent=11979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}