Afghan Youth Parliament – Federal Representative System

body {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
background: #f5f5f0;
color: #2d3319;
}

* {
box-sizing: border-box;
}

/* Navigation */
nav {
background: linear-gradient(135deg, #2d5016 0%, #3d6b1f 100%);
padding: 0;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 4px 12px rgba(45, 80, 22, 0.3);
}

.nav-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}

.nav-logo {
color: #f4e8c1;
font-size: 24px;
font-weight: bold;
font-family: ‘Georgia’, serif;
}

.nav-links {
display: flex;
gap: 5px;
flex-wrap: wrap;
align-items: center;
}

.nav-links a {
color: #f4e8c1;
text-decoration: none;
padding: 10px 18px;
border-radius: 6px;
transition: all 0.3s ease;
font-size: 14px;
font-weight: 500;
}

.nav-links a:hover {
background: rgba(244, 232, 193, 0.15);
transform: translateY(-2px);
}

/* Hero Section */
.hero {
background: linear-gradient(135deg, #2d5016 0%, #4a7c28 50%, #2d5016 100%);
padding: 100px 20px;
text-align: center;
color: #f4e8c1;
position: relative;
overflow: hidden;
}

.hero::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(‘data:image/svg+xml,’);
opacity: 0.3;
}

.hero-content {
position: relative;
z-index: 1;
max-width: 900px;
margin: 0 auto;
}

.hero h1 {
font-size: 56px;
margin-bottom: 15px;
font-family: ‘Georgia’, serif;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle {
font-size: 20px;
margin-bottom: 10px;
opacity: 0.95;
font-family: ‘Noto Nastaliq Urdu’, serif;
}

.hero-desc {
font-size: 18px;
line-height: 1.6;
margin-bottom: 40px;
opacity: 0.9;
}

.hero-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}

.btn {
padding: 15px 35px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
cursor: pointer;
border: none;
font-size: 16px;
display: inline-block;
}

.btn-primary {
background: #f4e8c1;
color: #2d5016;
}

.btn-primary:hover {
background: #fff;
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(244, 232, 193, 0.4);
}

.btn-secondary {
background: transparent;
color: #f4e8c1;
border: 2px solid #f4e8c1;
}

.btn-secondary:hover {
background: rgba(244, 232, 193, 0.15);
transform: translateY(-3px);
}

/* Section Styles */
section {
padding: 80px 20px;
}

.section-light {
background: #fdfcf8;
}

.section-dark {
background: #f0ede1;
}

.container {
max-width: 1200px;
margin: 0 auto;
}

.section-title {
color: #2d5016;
font-size: 42px;
text-align: center;
margin-bottom: 20px;
font-family: ‘Georgia’, serif;
}

.section-subtitle {
text-align: center;
color: #5a6b3d;
font-size: 18px;
margin-bottom: 15px;
font-style: italic;
}

.trilingual-text {
text-align: center;
margin-bottom: 50px;
}

.lang-en {
color: #2d5016;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}

.lang-ps {
color: #4a7c28;
font-size: 16px;
direction: rtl;
font-family: ‘Noto Nastaliq Urdu’, serif;
margin-bottom: 8px;
}

.lang-fa {
color: #5a6b3d;
font-size: 16px;
direction: rtl;
font-family: ‘Noto Nastaliq Urdu’, serif;
}

/* Stats Cards */
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}

.stat-card {
background: white;
padding: 40px;
border-radius: 12px;
text-align: center;
border: 2px solid #d4d9c3;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
transition: all 0.3s ease;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(45, 80, 22, 0.2);
border-color: #4a7c28;
}

.stat-number {
font-size: 48px;
font-weight: bold;
color: #2d5016;
margin-bottom: 15px;
}

.stat-label {
color: #5a6b3d;
font-size: 18px;
font-weight: 500;
}

/* Info Box */
.info-box {
background: white;
padding: 40px;
border-radius: 12px;
margin-bottom: 40px;
border-left: 6px solid #4a7c28;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
}

.info-box h3 {
color: #2d5016;
margin-bottom: 20px;
font-size: 24px;
}

.info-box p {
color: #5a6b3d;
line-height: 1.8;
margin-bottom: 15px;
}

/* Process Cards */
.process-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-bottom: 40px;
}

.process-card {
background: white;
padding: 30px;
border-radius: 12px;
text-align: center;
border: 2px solid #d4d9c3;
transition: all 0.3s ease;
}

.process-card:hover {
border-color: #4a7c28;
transform: translateY(-5px);
}

.process-icon {
font-size: 48px;
margin-bottom: 20px;
}

.process-card h4 {
color: #2d5016;
margin-bottom: 15px;
font-size: 20px;
}

.process-card p {
color: #5a6b3d;
font-size: 14px;
line-height: 1.6;
}

/* Policy Cards */
.policy-card {
background: white;
padding: 30px;
border-radius: 12px;
margin-bottom: 25px;
border-left: 5px solid #4a7c28;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
}

.policy-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
flex-wrap: wrap;
gap: 10px;
}

.policy-title {
color: #2d5016;
font-size: 20px;
margin: 0;
font-weight: 600;
}

.badge {
padding: 6px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
color: white;
}

.badge-active {
background: #4a7c28;
}

.badge-review {
background: #d4a017;
color: #2d3319;
}

.badge-approved {
background: #2d5016;
}

.policy-desc {
color: #5a6b3d;
margin-bottom: 15px;
line-height: 1.6;
}

.policy-meta {
display: flex;
gap: 15px;
flex-wrap: wrap;
}

.meta-tag {
background: #f0ede1;
padding: 8px 15px;
border-radius: 6px;
font-size: 14px;
color: #2d5016;
}

/* Table */
table {
width: 100%;
border-collapse: collapse;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
}

thead {
background: linear-gradient(135deg, #2d5016 0%, #4a7c28 100%);
}

th {
padding: 18px;
text-align: left;
color: #f4e8c1;
font-weight: 600;
}

td {
padding: 18px;
border-bottom: 1px solid #d4d9c3;
color: #5a6b3d;
}

tr:hover {
background: #fdfcf8;
}

/* Session Cards */
.session-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
}

.session-card {
background: white;
padding: 40px;
border-radius: 12px;
border: 2px solid #d4d9c3;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
transition: all 0.3s ease;
}

.session-card:hover {
transform: translateY(-5px);
border-color: #4a7c28;
}

.session-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}

.session-date {
background: #2d5016;
color: #f4e8c1;
padding: 20px;
border-radius: 8px;
margin-right: 20px;
text-align: center;
min-width: 100px;
}

.session-date-day {
font-size: 20px;
font-weight: bold;
display: block;
margin-bottom: 5px;
}

.session-date-month {
font-size: 12px;
display: block;
}

.session-info h3 {
color: #2d5016;
margin: 0 0 5px 0;
font-size: 20px;
}

.session-info p {
color: #5a6b3d;
margin: 0;
font-size: 14px;
}

/* Forms */
.form-container {
background: white;
padding: 40px;
border-radius: 12px;
border: 2px solid #d4d9c3;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
margin-bottom: 30px;
}

.form-group {
margin-bottom: 20px;
}

.form-group label {
display: block;
color: #2d5016;
font-weight: 600;
margin-bottom: 8px;
}

.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 12px 15px;
border: 2px solid #d4d9c3;
border-radius: 8px;
font-size: 14px;
transition: all 0.3s ease;
font-family: inherit;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
outline: none;
border-color: #4a7c28;
box-shadow: 0 0 0 3px rgba(74, 124, 40, 0.1);
}

.form-group textarea {
min-height: 100px;
resize: vertical;
}

.form-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
}

/* Modal */
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(45, 48, 25, 0.8);
z-index: 1000;
padding: 20px;
overflow-y: auto;
}

.modal-content {
max-width: 600px;
margin: 50px auto;
background: white;
padding: 40px;
border-radius: 12px;
position: relative;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}

.modal-header h3 {
color: #2d5016;
margin: 0;
font-size: 24px;
}

.close-modal {
background: none;
border: none;
font-size: 32px;
color: #5a6b3d;
cursor: pointer;
padding: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
}

.close-modal:hover {
background: #f0ede1;
transform: rotate(90deg);
}

/* Search */
.search-container {
background: white;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
margin-bottom: 40px;
border: 2px solid #d4d9c3;
}

.search-container h3 {
color: #2d5016;
margin-bottom: 20px;
text-align: center;
}

.search-box {
display: flex;
gap: 15px;
margin-bottom: 25px;
}

.search-box input {
flex: 1;
padding: 12px 15px;
border: 2px solid #d4d9c3;
border-radius: 8px;
font-size: 14px;
}

.search-box input:focus {
outline: none;
border-color: #4a7c28;
}

.province-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
margin-top: 25px;
padding-top: 20px;
border-top: 2px solid #d4d9c3;
}

.province-btn {
padding: 10px 15px;
background: #f0ede1;
border: 2px solid #d4d9c3;
border-radius: 8px;
color: #2d5016;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-weight: 500;
}

.province-btn:hover {
background: #4a7c28;
color: #f4e8c1;
border-color: #4a7c28;
transform: translateY(-2px);
}

/* Poll */
.poll-container {
background: white;
padding: 40px;
border-radius: 12px;
border: 2px solid #d4d9c3;
box-shadow: 0 4px 15px rgba(45, 80, 22, 0.1);
}

.poll-option {
margin-bottom: 15px;
padding: 15px;
background: #fdfcf8;
border: 2px solid #d4d9c3;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 15px;
}

.poll-option:hover {
background: #f0ede1;
border-color: #4a7c28;
}

.poll-option input[type=”radio”] {
width: 20px;
height: 20px;
cursor: pointer;
}

.poll-option label {
cursor: pointer;
color: #2d5016;
flex: 1;
line-height: 1.6;
}

/* Footer */
footer {
background: linear-gradient(135deg, #2d5016 0%, #1f3810 100%);
padding: 60px 20px 40px;
color: #f4e8c1;
text-align: center;
border-top: 5px solid #4a7c28;
}

.footer-title {
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
font-family: ‘Georgia’, serif;
}

.footer-desc {
font-size: 16px;
margin-bottom: 30px;
opacity: 0.9;
}

.footer-bottom {
border-top: 1px solid rgba(244, 232, 193, 0.3);
padding-top: 20px;
margin-top: 30px;
font-size: 14px;
opacity: 0.8;
}

/* Responsive */
@media (max-width: 768px) {
.hero h1 {
font-size: 36px;
}

.section-title {
font-size: 32px;
}

.nav-links {
justify-content: center;
}

.nav-links a {
padding: 8px 12px;
font-size: 12px;
}

.session-grid,
.stats-grid {
grid-template-columns: 1fr;
}

table {
font-size: 12px;
}

th, td {
padding: 10px;
}
}

/* Utility Classes */
.text-center {
text-align: center;
}

.mb-20 {
margin-bottom: 20px;
}

.mb-30 {
margin-bottom: 30px;
}

.hidden {
display: none;
}

/* Support Center Cards */
.support-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
}

.support-card {
text-align: center;
padding: 25px;
background: white;
border-radius: 8px;
border: 2px solid #d4d9c3;
transition: all 0.3s ease;
}

.support-card:hover {
transform: translateY(-5px);
border-color: #4a7c28;
}

.support-icon {
font-size: 48px;
margin-bottom: 15px;
}

.support-label {
color: #2d5016;
font-weight: 600;
font-size: 16px;
}

/* Resource Cards */
.resource-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 40px;
}

.resource-card {
padding: 30px;
background: white;
border-radius: 8px;
border: 2px solid #d4d9c3;
transition: all 0.3s ease;
}

.resource-card:hover {
border-color: #4a7c28;
transform: translateY(-5px);
}

.resource-card h4 {
color: #2d5016;
margin-bottom: 15px;
font-size: 18px;
}

.resource-card p {
color: #5a6b3d;
margin-bottom: 15px;
font-size: 14px;
line-height: 1.6;
}

.smooth-scroll {
scroll-behavior: smooth;
}

@keyframes pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.5;
transform: scale(1.1);
}
}

@view-transition { navigation: auto; }
/_sdk/data_sdk.js
/_sdk/element_sdk.js
https://cdn.tailwindcss.com

// Smooth scrolling for navigation
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}
});
});

// Open session links
function openSessionLinks() {
const message = document.createElement(‘div’);
message.style.cssText = ‘position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 40px; border-radius: 16px; z-index: 2000; box-shadow: 0 10px 40px rgba(0,0,0,0.3); max-width: 500px; width: 90%;’;
message.innerHTML = `

Join Our Live Session

Choose your preferred platform:

`;

const backdrop = document.createElement(‘div’);
backdrop.style.cssText = ‘position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(45, 48, 25, 0.8); z-index: 1999;’;
backdrop.onclick = function() {
backdrop.remove();
message.remove();
};

document.body.appendChild(backdrop);
document.body.appendChild(message);
}

// Search functionality
function searchMembers() {
const searchTerm = document.getElementById(‘member-search’).value;
const resultsDiv = document.getElementById(‘search-results’);
const resultsContent = document.getElementById(‘results-content’);

if (searchTerm.trim()) {
resultsDiv.classList.remove(‘hidden’);
resultsContent.innerHTML = `

Searching for: ${searchTerm}

For security and privacy reasons, detailed member information requires verification. Please use the contact form or “View All 34 Provinces” to access the representative directory.

Access Directory
`;
}
}

// Filter by province
function filterByProvince(province) {
document.getElementById(‘member-search’).value = province;
searchMembers();
}

// Toggle forms
function toggleRepresentativeForm() {
const form = document.getElementById(‘representative-form-container’);
form.classList.toggle(‘hidden’);
}

function toggleLiaisonForm() {
const form = document.getElementById(‘liaison-form-container’);
form.classList.toggle(‘hidden’);
}

// Modal functions
function openLearnMoreModal() {
document.getElementById(‘learn-more-modal’).style.display = ‘block’;
}

function openContactModal() {
document.getElementById(‘contact-form-modal’).style.display = ‘block’;
}

function closeModal(modalId) {
document.getElementById(modalId).style.display = ‘none’;
}

// Toggle organization info
function toggleOrgInfo(formType) {
const select = document.getElementById(`${formType}-purpose`);
const orgInfo = document.getElementById(`${formType}-org-info`);

if (select.value === ‘organization’) {
orgInfo.classList.remove(‘hidden’);
document.getElementById(`${formType}-org-name`).required = true;
} else {
orgInfo.classList.add(‘hidden’);
document.getElementById(`${formType}-org-name`).required = false;
}
}

// WhatsApp submission
function submitViaWhatsApp(formType) {
const phone = ‘79300042915’;
let message = ”;

if (formType === ‘representative’) {
const name = document.getElementById(‘rep-name’).value;
const email = document.getElementById(‘rep-email’).value;
const facebook = document.getElementById(‘rep-facebook’).value;
const twitter = document.getElementById(‘rep-twitter’).value;
const tiktok = document.getElementById(‘rep-tiktok’).value;
const education = document.getElementById(‘rep-education’).value;
const interest = document.getElementById(‘rep-interest’).value;
const motivation = document.getElementById(‘rep-motivation’).value;
message = `Representative Application:\nName: ${name}\nEmail: ${email}\nFacebook: ${facebook}\nTwitter: ${twitter}\nTikTok: ${tiktok}\nEducation: ${education}\nInterest: ${interest}\nMotivation: ${motivation}`;
} else if (formType === ‘liaison’) {
const name = document.getElementById(‘liaison-name’).value;
const email = document.getElementById(‘liaison-email’).value;
const community = document.getElementById(‘liaison-community’).value;
const facebook = document.getElementById(‘liaison-facebook’).value;
const education = document.getElementById(‘liaison-education’).value;
message = `Village Liaison Application:\nName: ${name}\nEmail: ${email}\nCommunity: ${community}\nFacebook: ${facebook}\nEducation: ${education}`;
} else if (formType === ‘contact’) {
const name = document.getElementById(‘contact-name’).value;
const email = document.getElementById(‘contact-email’).value;
const job = document.getElementById(‘contact-job’).value;
const location = document.getElementById(‘contact-location’).value;
message = `Contact Request:\nName: ${name}\nEmail: ${email}\nJob: ${job}\nLocation: ${location}`;
} else if (formType === ‘learn’) {
const name = document.getElementById(‘learn-name’).value;
const email = document.getElementById(‘learn-email’).value;
const job = document.getElementById(‘learn-job’).value;
const location = document.getElementById(‘learn-location’).value;
const interest = document.getElementById(‘learn-interest’).value;
message = `Directory Access Request:\nName: ${name}\nEmail: ${email}\nJob: ${job}\nLocation: ${location}\nInterest: ${interest}`;
}

const whatsappUrl = `https://wa.me/${phone}?text=${encodeURIComponent(message)}`;
window.open(whatsappUrl, ‘_blank’, ‘noopener,noreferrer’);
}

// Email submission
function submitViaEmail(formType) {
const email = ‘contact@aypfrs.net’;
let subject = ”;
let body = ”;

if (formType === ‘learn’) {
const name = document.getElementById(‘learn-name’).value;
const userEmail = document.getElementById(‘learn-email’).value;
const job = document.getElementById(‘learn-job’).value;
const location = document.getElementById(‘learn-location’).value;
const interest = document.getElementById(‘learn-interest’).value;
const purpose = document.getElementById(‘learn-purpose’).value;
const social = document.getElementById(‘learn-social’).value;

subject = ‘Directory Access Request’;
body = `Name: ${name}\nEmail: ${userEmail}\nJob: ${job}\nLocation: ${location}\nWhy Interested: ${interest}\nPurpose: ${purpose}\nSocial Media: ${social}`;
}

const mailtoUrl = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
window.location.href = mailtoUrl;
}

// Form submissions
function submitRepresentativeForm(e) {
e.preventDefault();
showSuccessMessage(‘Thank you for applying! We will review your application and contact you soon.’);
document.getElementById(‘representative-form’).reset();
toggleRepresentativeForm();
}

function submitLiaisonForm(e) {
e.preventDefault();
showSuccessMessage(‘Thank you for joining! We will contact you with next steps.’);
document.getElementById(‘liaison-form’).reset();
toggleLiaisonForm();
}

function submitContactForm(e) {
e.preventDefault();
showSuccessMessage(‘Thank you for your interest! We will connect you with our representatives soon.’);
document.getElementById(‘contact-form’).reset();
closeModal(‘contact-form-modal’);
}

function submitLearnMoreForm(e) {
e.preventDefault();
showSuccessMessage(‘Thank you! We will send you access to the representative directory.’);
document.getElementById(‘learn-more-form’).reset();
closeModal(‘learn-more-modal’);
}

function submitPoll(e) {
e.preventDefault();
document.getElementById(‘poll-results’).classList.remove(‘hidden’);
document.getElementById(‘poll-form’).style.opacity = ‘0.6’;
document.getElementById(‘poll-form’).style.pointerEvents = ‘none’;
showSuccessMessage(‘Thank you for voting! Your voice matters.’);
}

// Success message
function showSuccessMessage(message) {
const messageDiv = document.createElement(‘div’);
messageDiv.style.cssText = ‘position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background: #4a7c28; color: white; padding: 20px 40px; border-radius: 8px; z-index: 2000; box-shadow: 0 4px 20px rgba(0,0,0,0.3); font-size: 16px;’;
messageDiv.textContent = message;
document.body.appendChild(messageDiv);

setTimeout(() => {
messageDiv.style.transition = ‘opacity 0.5s’;
messageDiv.style.opacity = ‘0’;
setTimeout(() => messageDiv.remove(), 500);
}, 3000);
}

// Helper functions for buttons
function openNotificationForm() {
showSuccessMessage(‘Session notifications will be sent to registered members. Please apply to become a representative or liaison to receive notifications.’);
}

function openJoinCommitteeForm() {
showSuccessMessage(‘To join a committee, please first apply to become a representative or village liaison.’);
document.querySelector(‘#election’).scrollIntoView({ behavior: ‘smooth’ });
}

function openRepresentativeApplication() {
closeModal(‘learn-more-modal’);
document.querySelector(‘#election’).scrollIntoView({ behavior: ‘smooth’ });
setTimeout(() => toggleRepresentativeForm(), 500);
}

function getImmediateHelp() {
const phone = ‘+79300042915’;
const message = ‘I need help from the 24/7 Youth Support Center.’;
const whatsappUrl = `https://wa.me/${phone}?text=${encodeURIComponent(message)}`;
window.open(whatsappUrl, ‘_blank’, ‘noopener,noreferrer’);
}

function downloadGuidelines() {
showSuccessMessage(‘Guidelines are being prepared. Please check back soon or contact us at representatives@aypfrs.net’);
}

function learnMoreRole() {
showSuccessMessage(‘Detailed role information will be sent to your email. Please contact representatives@aypfrs.net’);
}

function registerTraining() {
showSuccessMessage(‘Training registration will open soon. Please stay tuned or contact representatives@aypfrs.net’);
}

function checkRegistration() {
showSuccessMessage(‘Voter registration system is being developed. Please contact info@aypfrs.net for updates.’);
}

function learnVoting() {
showSuccessMessage(‘Voting process information will be available soon. Contact info@aypfrs.net for details.’);
}

function readSecurity() {
showSuccessMessage(‘Security report will be published soon. Please check back or contact info@aypfrs.net’);
}

// Close modal when clicking outside
window.onclick = function(event) {
if (event.target.classList.contains(‘modal’)) {
event.target.style.display = ‘none’;
}
}

(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement(‘script’);d.innerHTML=”window.__CF$cv$params={r:’9a0c2cee86de916f’,t:’MTc2MzUxODI3Mi4wMDAwMDA=’};var a=document.createElement(‘script’);a.nonce=”;a.src=’/cdn-cgi/challenge-platform/scripts/jsd/main.js’;document.getElementsByTagName(‘head’)[0].appendChild(a);”;b.getElementsByTagName(‘head’)[0].appendChild(d)}}if(document.body){var a=document.createElement(‘iframe’);a.height=1;a.width=1;a.style.position=’absolute’;a.style.top=0;a.style.left=0;a.style.border=’none’;a.style.visibility=’hidden’;document.body.appendChild(a);if(‘loading’!==document.readyState)c();else if(window.addEventListener)document.addEventListener(‘DOMContentLoaded’,c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);’loading’!==document.readyState&&(document.onreadystatechange=e,c())}}}})();