:root{--saffron: #FF6B35;--saffron-light: #FF8F5E;--saffron-dark: #E55A25;--white: #FFFFFF;--green: #138808;--green-light: #1DB954;--navy: #0f172a;--navy-light: #1e293b;--navy-lighter: #334155;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-gold: #f59e0b;--success: #10b981;--error: #ef4444;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(30,41,59,.6);--bg-card-hover: rgba(30,41,59,.8);--bg-glass: rgba(15,23,42,.7);--bg-overlay: rgba(0,0,0,.6);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #FF6B35;--border-color: rgba(148,163,184,.15);--border-glow: rgba(255,107,53,.3);--glass-bg: rgba(15,23,42,.6);--glass-border: rgba(148,163,184,.1);--glass-shadow: 0 8px 32px rgba(0,0,0,.3);--glass-blur: blur(20px);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px rgba(0,0,0,.3);--shadow-xl: 0 20px 25px rgba(0,0,0,.3);--shadow-glow: 0 0 30px rgba(255,107,53,.15);--shadow-glow-lg: 0 0 60px rgba(255,107,53,.2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34,1.56,.64,1);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-chatbot: 50;--z-toast: 60;--container-max: 1200px;--container-padding: var(--space-6)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: rgba(255,255,255,.8);--bg-card-hover: rgba(255,255,255,.95);--bg-glass: rgba(255,255,255,.7);--bg-overlay: rgba(0,0,0,.4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-accent: #E55A25;--border-color: rgba(0,0,0,.1);--border-glow: rgba(255,107,53,.2);--glass-bg: rgba(255,255,255,.6);--glass-border: rgba(0,0,0,.08);--glass-shadow: 0 8px 32px rgba(0,0,0,.1);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.1);--shadow-glow: 0 0 30px rgba(255,107,53,.1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(255,107,53,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(59,130,246,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(139,92,246,.03) 0%,transparent 60%)}#app{position:relative;z-index:var(--z-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--saffron);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--saffron-light)}a:focus-visible{outline:2px solid var(--saffron);outline-offset:2px;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);background:var(--saffron);color:var(--white);font-weight:600;border-radius:0 0 var(--radius-md) var(--radius-md);transition:top var(--transition-fast)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-24) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-primary) 0%,var(--saffron) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:var(--text-lg);max-width:600px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--navy-lighter);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--saffron)}::selection{background:#ff6b354d;color:var(--text-primary)}.text-gradient{background:linear-gradient(135deg,var(--saffron) 0%,var(--accent-gold) 50%,var(--saffron-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}.section{padding:var(--space-16) 0}:root{--container-padding:var(--space-4)}}@media(max-width:480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.section{padding:var(--space-12) 0}}[data-contrast=high]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: rgba(30,41,59,.9);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #cbd5e1;--border-color: rgba(255,255,255,.3);--glass-border: rgba(255,255,255,.2)}[data-contrast=high][data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--bg-card: rgba(255,255,255,.95);--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: #333333;--border-color: rgba(0,0,0,.4)}@media(forced-colors:active){.btn{border:2px solid ButtonText}.timeline-node{border:2px solid LinkText}.quiz-option{border:2px solid ButtonText}.quiz-option.correct{border-color:LinkText}.quiz-option.wrong{border-color:MarkText}.faq-question,.state-card{border:1px solid ButtonText}.chatbot-toggle{border:2px solid ButtonText}}@media(prefers-contrast:more){:root{--border-color: rgba(148,163,184,.4);--glass-border: rgba(148,163,184,.3)}.btn,.faq-question{font-weight:700}}#google_translate_element{position:fixed;top:70px;right:var(--space-6);z-index:var(--z-dropdown);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg)}.goog-te-gadget{font-family:var(--font-body)!important}.goog-te-gadget-simple{background:transparent!important;border:none!important}.goog-te-menu-value span{color:var(--text-primary)!important}body>.skiptranslate{display:none!important}body{top:0!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;transition:all var(--transition-base);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--saffron) 0%,var(--saffron-dark) 100%);color:var(--white);box-shadow:0 4px 15px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--saffron)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--saffron);background:#ff6b351a}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);padding:var(--space-6);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);transition:all var(--transition-base)}.header.scrolled{background:#0a0e1af2;box-shadow:var(--shadow-lg)}[data-theme=light] .header.scrolled{background:#f8fafcf2}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.header-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary)}.header-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--saffron),var(--accent-gold));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.header-nav a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.header-nav a:hover,.header-nav a.active{color:var(--saffron)}.header-controls{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle,.a11y-toggle{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-fast)}.theme-toggle:hover,.a11y-toggle:hover{border-color:var(--saffron);color:var(--saffron)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:var(--space-2);background:none;border:none}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-base);border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-secondary);z-index:var(--z-overlay);padding:var(--space-16) var(--space-6);transition:right var(--transition-slow);flex-direction:column;gap:var(--space-4);border-left:1px solid var(--border-color)}.mobile-nav.open{right:0}.mobile-nav a{font-size:var(--text-lg);color:var(--text-secondary);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:calc(var(--z-overlay) - 1)}.mobile-nav-overlay.open{display:block}@media(max-width:768px){.header-nav{display:none}.hamburger,.mobile-nav{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ff6b351a;border:1px solid rgba(255,107,53,.2);border-radius:var(--radius-full);color:var(--saffron);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-6)}.hero h1{margin-bottom:var(--space-6)}.hero p{font-size:var(--text-xl);max-width:600px;margin:0 auto var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--saffron);border-radius:50%;opacity:.3;animation:particleFloat 8s infinite ease-in-out}.hero-illustration{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:400px;height:400px;opacity:.15;pointer-events:none}.ballot-box{width:200px;height:200px;margin:0 auto;position:relative;background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));border-radius:var(--radius-xl);animation:ballotFloat 4s ease-in-out infinite}.ballot-box:before{content:"🗳️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem}.timeline-section{background:var(--bg-secondary)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--saffron),var(--green),var(--accent-blue));transform:translate(-50%);border-radius:var(--radius-full)}.timeline-item{display:flex;align-items:flex-start;margin-bottom:var(--space-12);position:relative;cursor:pointer;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{width:calc(50% - 40px);padding:var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.timeline-content:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:scale(1.02)}.timeline-node{position:absolute;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:2;background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));box-shadow:0 0 20px #ff6b354d;transition:all var(--transition-base)}.timeline-node:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 30px #ff6b3580}.timeline-content h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.timeline-content p{font-size:var(--text-sm);color:var(--text-secondary)}.timeline-step-num{font-size:var(--text-xs);color:var(--saffron);font-weight:700;text-transform:uppercase;margin-bottom:var(--space-1);letter-spacing:.05em}@media(max-width:768px){.timeline:before{left:24px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row;padding-left:60px}.timeline-node{left:24px;transform:translate(-50%)}.timeline-content{width:100%}}.step-detail-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;transition:opacity var(--transition-base)}.step-detail-overlay.open{display:flex;opacity:1}.step-detail{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);max-width:700px;width:100%;max-height:80vh;overflow-y:auto;padding:var(--space-8);position:relative;box-shadow:var(--shadow-xl)}.step-detail-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.step-detail-close:hover{border-color:var(--error);color:var(--error)}.step-detail h2{margin-bottom:var(--space-4)}.step-detail-icon{font-size:3rem;margin-bottom:var(--space-4)}.step-detail-facts{margin-top:var(--space-6)}.fact-card{padding:var(--space-4);background:#ff6b350d;border-left:3px solid var(--saffron);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-3)}.fact-card strong{color:var(--saffron)}.chatbot-toggle{position:fixed;bottom:var(--space-6);right:var(--space-6);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);border:none;cursor:pointer;font-size:1.5rem;z-index:var(--z-chatbot);box-shadow:0 4px 20px #ff6b3566;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);isolation:isolate}.chatbot-window{position:fixed;bottom:90px;right:var(--space-6);width:380px;height:520px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);z-index:var(--z-chatbot);display:none;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);transform:scale(.9) translateY(20px);opacity:0;transition:all var(--transition-spring)}.chatbot-window.open{display:flex;transform:scale(1) translateY(0);opacity:1}.chatbot-header{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);display:flex;align-items:center;justify-content:space-between}.chatbot-header h4{color:var(--white);font-size:var(--text-base)}.chatbot-close{background:none;border:none;color:#fffc;cursor:pointer;font-size:1.2rem}.chatbot-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;animation:messageSlideIn .3s ease}.chat-message.bot{background:var(--bg-card);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.chat-message.user{background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);align-self:flex-end;border-bottom-right-radius:var(--radius-sm)}.chat-quick-replies{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.quick-reply{padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.quick-reply:hover{border-color:var(--saffron);color:var(--saffron)}.chatbot-input-area{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);display:flex;gap:var(--space-2)}.chatbot-input{flex:1;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.chatbot-input:focus{border-color:var(--saffron)}.chatbot-send{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chatbot-send:hover{transform:scale(1.05)}.typing-indicator{display:flex;gap:4px;padding:var(--space-3) var(--space-4);align-self:flex-start}.typing-dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@media(max-width:480px){.chatbot-window{width:calc(100vw - 32px);right:16px;bottom:80px;height:60vh}}.quiz-container{max-width:700px;margin:0 auto}.quiz-progress{height:6px;background:var(--bg-card);border-radius:var(--radius-full);margin-bottom:var(--space-8);overflow:hidden}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--saffron),var(--green));border-radius:var(--radius-full);transition:width var(--transition-slow)}.quiz-question-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.quiz-question-num{font-size:var(--text-sm);color:var(--saffron);font-weight:600;margin-bottom:var(--space-4)}.quiz-question-card h3{margin-bottom:var(--space-6);font-size:var(--text-xl)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.quiz-option{padding:var(--space-4);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);display:block;width:100%}.quiz-option:hover{border-color:var(--saffron);background:#ff6b350d}.quiz-option.correct{border-color:var(--success);background:#10b9811a}.quiz-option.wrong{border-color:var(--error);background:#ef44441a}.quiz-option.selected{border-color:var(--accent-blue)}.quiz-result{text-align:center;padding:var(--space-8);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.quiz-score{font-size:var(--text-7xl);font-weight:800;font-family:var(--font-heading);margin:var(--space-4) 0}.quiz-result p{font-size:var(--text-lg)}.insights-tabs{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.insights-tab{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;transition:all var(--transition-base)}.insights-tab:hover{border-color:var(--saffron);color:var(--saffron)}.insights-tab.active{background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));color:var(--white);border-color:transparent;box-shadow:0 4px 15px #ff6b354d}.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.state-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);cursor:default}.state-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.state-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.state-icon{font-size:1.8rem}.state-card-header h4{font-size:var(--text-base)}.state-card-stats{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.state-stat{text-align:center}.state-stat-value{display:block;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--saffron)}.state-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.state-turnout-bar{height:4px;background:var(--bg-card);border-radius:var(--radius-full);overflow:hidden}.state-turnout-fill{height:100%;border-radius:var(--radius-full);transition:width .8s ease}.turnout-chart{max-width:800px;margin:0 auto;padding:var(--space-8);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.turnout-bars{display:flex;flex-direction:column;gap:var(--space-3)}.turnout-row{display:flex;align-items:center;gap:var(--space-4)}.turnout-year{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:var(--text-secondary);min-width:48px;text-align:right}.turnout-bar-track{flex:1;height:28px;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;position:relative}.turnout-bar-fill{height:100%;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-3);transition:width 1.2s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(90deg,var(--saffron),var(--accent-gold))}.turnout-value{font-size:var(--text-xs);font-weight:700;color:var(--white);white-space:nowrap}.milestones-timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.milestone-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.milestone-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.milestone-year-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ff6b3526;color:var(--saffron);font-size:var(--text-xs);font-weight:700}.milestone-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.milestone-card h4{margin-bottom:var(--space-2);font-size:var(--text-base)}.milestone-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--border-glow)}.faq-question{width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left}.faq-icon{font-size:1.2rem;color:var(--saffron);transition:transform var(--transition-base)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-answer-inner{padding:0 var(--space-6) var(--space-5)}.faq-answer-inner p{font-size:var(--text-sm);line-height:1.7}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-12)}.footer-brand h3{margin-bottom:var(--space-3)}.footer-brand p{font-size:var(--text-sm);max-width:300px}.footer-links h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--saffron);margin-bottom:var(--space-4)}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{color:var(--text-secondary);font-size:var(--text-sm)}.footer-links a:hover{color:var(--saffron)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-muted)}.footer-disclaimer{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-4);max-width:600px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12);padding:var(--space-8);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl)}.hero-stat{text-align:center;padding:var(--space-4);position:relative;transition:transform var(--transition-base)}.hero-stat:hover{transform:translateY(-4px)}.hero-stat:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--border-color)}.hero-stat-number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--saffron),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-suffix{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,var(--saffron),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1);font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stat:nth-child(2):after{display:none}.hero-stat-number{font-size:var(--text-3xl)}}@media(max-width:480px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-4)}}.chatbot-pulse{position:absolute;inset:-4px;border-radius:50%;animation:chatPulse 2s ease-out infinite}@keyframes chatPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.chatbot-toggle-icon{position:relative;z-index:1}.header-nav a,.footer-links a{position:relative}.header-nav a:after,.footer-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--saffron);transition:width var(--transition-base)}.header-nav a:hover:after,.footer-links a:hover:after{width:100%}.chat-message a{color:var(--saffron-light);text-decoration:underline}.chat-message a:hover{color:var(--white)}.chat-message b{color:var(--text-primary)}.chat-message.bot em{color:var(--text-muted);font-size:.9em}.timeline-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);display:block}.step-detail-description{margin-bottom:var(--space-6)}.step-detail-subtitle{margin-bottom:var(--space-3)}.step-detail-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.step-detail-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary)}.step-detail-tips{margin-top:var(--space-6);padding:var(--space-4);background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg)}.step-detail-tips h4{color:var(--success);margin-bottom:var(--space-2)}.step-detail-tips p{font-size:var(--text-sm);margin-bottom:var(--space-1)}.quiz-feedback-area{margin-top:var(--space-4);min-height:60px}.quiz-feedback-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid}.quiz-feedback-correct{background:#10b9811a;border-color:var(--success)}.quiz-feedback-correct strong{color:var(--success)}.quiz-feedback-wrong{background:#ef44441a;border-color:var(--error)}.quiz-feedback-wrong strong{color:var(--error)}.quiz-feedback-card p{font-size:var(--text-sm);margin-top:var(--space-1)}.quiz-next-btn{margin-top:var(--space-4)}.quiz-result-emoji{font-size:4rem}.quiz-result-actions{margin-top:var(--space-6);display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.insights-footnote{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-4)}.turnout-chart-title{margin-bottom:var(--space-6);text-align:center}.turnout-legend{margin-top:var(--space-6);display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted)}.footer-map{margin-top:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.footer-map-title{font-size:var(--text-sm);color:var(--saffron);margin-bottom:var(--space-4);text-align:center}.chatbot-header-info{display:flex;align-items:center;gap:var(--space-2)}.chatbot-header-icon{font-size:1.4rem}.chatbot-header-status{font-size:.7rem;opacity:.8}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}50%{transform:translateY(-200px) translate(40px)}}@keyframes ballotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-500px) rotate(720deg);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff6b3533}50%{box-shadow:0 0 40px #ff6b3566}}@keyframes borderGlow{0%,to{border-color:#ff6b3533}50%{border-color:#ff6b3580}}@keyframes flowLine{0%{background-position:0% 0%}to{background-position:0% 100%}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease,transform .6s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .6s ease,transform .6s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:var(--z-toast);overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;bottom:-10px;animation:confetti 3s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}