:root{--bg-primary:#f2efea;--bg-secondary:#fff;--bg-tertiary:#faf9f7;--bg-card:#fff;--bg-glass:#ffffffd9;--bg-glass-hover:#fffffff2;--bg-glass-strong:#fff;--border-glass:#00000014;--border-glass-hover:#00000026;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#7a7a8a;--text-dim:#a0a0b0;--accent-primary:#526ce3;--accent-secondary:#6c83ef;--accent-tertiary:#7c3aed;--accent-warning:#f5a623;--accent-danger:#ef4444;--accent-success:#2dca73;--gradient-primary:linear-gradient(135deg, #526ce3, #6c83ef);--gradient-secondary:linear-gradient(135deg, #6c83ef, #7c3aed);--gradient-accent:linear-gradient(135deg, #526ce3, #6c83ef, #7c3aed);--gradient-danger:linear-gradient(135deg, #ef4444, #dc2626);--gradient-warm:linear-gradient(135deg, #f5a623, #ef4444);--gradient-bg:linear-gradient(180deg, #f2efea 0%, #fff 50%, #f2efea 100%);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 40px #0000001f;--shadow-glow:0 4px 20px #526ce340;--shadow-glow-blue:0 4px 20px #526ce34d;--shadow-glow-danger:0 4px 20px #ef444440;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-tamil:"Noto Sans Tamil", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;font-size:1rem}input,textarea,select{font-family:var(--font-body);border:none;outline:none;font-size:1rem}img{max-width:100%;height:auto}ul,ol{list-style:none}.glass{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-strong{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{font-size:3.5rem;font-weight:800}h2{font-size:2.5rem;font-weight:800}h3{font-size:1.75rem}h4{font-size:1.25rem}h5{font-size:1.1rem}.gradient-text{color:var(--accent-primary)}.gradient-text-alt{color:var(--accent-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-normal);padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:#4560d4;transform:translateY(-2px);box-shadow:0 6px 24px #526ce359}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-glass)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.btn-danger{background:var(--accent-danger);color:#fff;box-shadow:var(--shadow-glow-danger)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ef444459}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--accent-primary);background:#526ce30f}.btn-lg{padding:16px 36px;font-size:1.1rem}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.input{background:var(--bg-tertiary);border:2px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);padding:14px 18px;font-size:1rem}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #526ce326}.input::placeholder{color:var(--text-dim)}.textarea{resize:vertical;min-height:100px}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.page{flex:1;min-height:100vh;padding-top:80px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--accent-primary);background:#526ce31a}.badge-secondary{color:var(--accent-secondary);background:#6c83ef1a}.badge-danger{color:var(--accent-danger);background:#ef44441a}.badge-warning{color:var(--accent-warning);background:#f5a6231a}.avatar{border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--bg-card);width:48px;height:48px;box-shadow:var(--shadow-sm)}.avatar-lg{width:72px;height:72px}.avatar-xl{width:96px;height:96px}.avatar-placeholder{background:var(--accent-primary);color:#fff;font-family:var(--font-display);justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.tamil-text{font-family:var(--font-tamil);line-height:1.8}.tamil-badge{font-family:var(--font-tamil);opacity:.6;font-size:.8rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 4px 20px #526ce333}50%{box-shadow:0 4px 30px #526ce366}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@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 bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 4px 16px #526ce333}50%{box-shadow:0 4px 28px #526ce366}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-up{animation:.6s forwards slideUp}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow-pulse{animation:3s ease-in-out infinite glowPulse}.animate-shimmer{background:linear-gradient(90deg,#0000,#526ce30f,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.marquee-track{width:max-content;animation:20s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0000001f}::-webkit-scrollbar-thumb:hover{background:#0003}.leaflet-container{border-radius:var(--radius-xl);background:var(--bg-primary)!important}.leaflet-tile-pane{filter:none}.leaflet-control-zoom{box-shadow:var(--shadow-md)!important;border:none!important}.leaflet-control-zoom a{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-glass)!important}.leaflet-control-zoom a:hover{background:var(--bg-tertiary)!important}.leaflet-control-attribution{color:var(--text-dim)!important;background:#f2efeae6!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--text-muted)!important}@media (width<=1024px){h1{font-size:2.5rem}h2{font-size:2rem}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-md)}}@media (width<=480px){h1{font-size:1.75rem}.btn-lg{padding:14px 28px;font-size:1rem}}