:root{--color-bg-base: #0D0B14;--color-bg-surface: #141020;--color-bg-elevated: #1C1830;--color-bg-overlay: #252040;--color-accent-primary: #6366F1;--color-accent-bright: #818CF8;--color-accent-glow: rgba(99, 102, 241, .28);--color-accent-coral: #F97316;--color-accent-coral-glow: rgba(249, 115, 22, .22);--color-accent-pink: #EC4899;--color-accent-pink-glow: rgba(236, 72, 153, .22);--color-accent-green: #4ADE80;--color-accent-green-glow: rgba(74, 222, 128, .2);--color-vibe-pass: #F59E0B;--color-mega-vibe: #EAB308;--color-mega-vibe-glow: rgba(234, 179, 8, .22);--gradient-brand: linear-gradient(135deg, #6366F1 0%, #EC4899 50%, #F97316 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(99,102,241,.15) 0%, rgba(236,72,153,.15) 100%);--gradient-vibe-card: linear-gradient(160deg, #0D0B14 0%, #1C1430 60%, #200D20 100%);--color-success: #4ADE80;--color-warning: #FBBF24;--color-error: #F87171;--color-sponsored: #818CF8;--color-text-primary: #F8F7FF;--color-text-secondary: #A09CC0;--color-text-muted: #524F6E;--color-border-subtle: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .1);--color-border-brand: rgba(99, 102, 241, .3);--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-md: 0 8px 24px rgba(0,0,0,.35);--shadow-glow: 0 0 0 1px var(--color-border-default), 0 8px 32px rgba(99,102,241,.18)}[data-theme=light]{--color-bg-base: #FAF8F4;--color-bg-surface: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-overlay: #F4F1EA;--color-accent-primary: #5B5BD6;--color-accent-bright: #6366F1;--color-accent-glow: rgba(91, 91, 214, .16);--color-accent-coral: #EA580C;--color-accent-pink: #DB2777;--color-accent-green: #16A34A;--color-accent-green-glow: rgba(22, 163, 74, .14);--color-vibe-pass: #D97706;--color-mega-vibe: #CA8A04;--color-mega-vibe-glow: rgba(202, 138, 4, .16);--color-text-primary: #16131F;--color-text-secondary: #5A5570;--color-text-muted: #9591A8;--color-border-subtle: rgba(22, 19, 31, .06);--color-border-default: rgba(22, 19, 31, .1);--color-border-brand: rgba(91, 91, 214, .25);--gradient-vibe-card: linear-gradient(160deg, #FFFFFF 0%, #FBF6F0 60%, #F4ECE5 100%);--shadow-md: 0 8px 24px rgba(22,19,31,.08);--shadow-glow: 0 0 0 1px var(--color-border-default), 0 8px 32px rgba(91,91,214,.1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}a{color:inherit}.web-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);padding:22px 14px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;overflow-y:auto}.main-area{display:flex;flex-direction:column;min-width:0}.topbar{min-height:64px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.content{padding:28px;flex:1;min-width:0}@media (max-width: 860px){.web-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:12px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-border-subtle);padding:12px}.sidebar .sidebar-stack{flex-direction:row;align-items:center;gap:8px}.sidebar .sidebar-hide-sm{display:none}.nav-item{white-space:nowrap;padding:8px 12px}.content{padding:18px 14px}.topbar{padding:12px 16px}}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:20px}.card-elevated{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{font-family:inherit;font-weight:600;font-size:14px;letter-spacing:-.01em;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:10px 18px;transition:transform .12s var(--ease-out),background .16s,opacity .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 16px var(--color-accent-glow)}.btn-secondary{background:var(--color-bg-overlay);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-overlay);color:var(--color-text-primary)}.input{width:100%;font-family:inherit;font-size:14px;padding:11px 14px;border-radius:var(--radius-md);background:var(--color-bg-overlay);border:1px solid var(--color-border-default);color:var(--color-text-primary);outline:none;transition:border-color .14s}.input:focus{border-color:var(--color-accent-primary)}.input::placeholder{color:var(--color-text-muted)}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:6px}.kpi{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.kpi-value{font-size:32px;font-weight:700;letter-spacing:-.03em;font-family:var(--font-display)}.kpi-delta{font-size:12px;font-weight:600}.kpi-delta.up{color:var(--color-accent-green)}.kpi-delta.down{color:var(--color-error)}.kpi-delta.flat{color:var(--color-text-muted)}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:var(--color-bg-overlay);color:var(--color-text-primary)}.nav-item.active{background:var(--gradient-brand-subtle);color:var(--color-text-primary);font-weight:600}.nav-section-label{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 12px;margin:8px 0 4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--color-bg-overlay);color:var(--color-text-secondary)}.chip-success{background:var(--color-accent-green-glow);color:var(--color-accent-green)}.chip-warning{background:#fbbf2424;color:var(--color-warning)}.chip-danger{background:#f8717124;color:var(--color-error)}.chip-brand{background:var(--color-accent-glow);color:var(--color-accent-bright)}.chip-mega{background:var(--color-mega-vibe-glow);color:var(--color-mega-vibe)}[data-theme=light] .chip-warning{color:#b45309;background:#d977061f}[data-theme=light] .chip-danger{color:#b91c1c;background:#dc26261a}.section-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.section-sub{font-size:14px;color:var(--color-text-secondary);margin:4px 0 0}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark{font-family:var(--font-display);font-weight:800;font-style:italic;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-error);animation:live-pulse 1.6s ease-out infinite;display:inline-block}@keyframes live-pulse{0%{box-shadow:0 0 #f8717180}to{box-shadow:0 0 0 8px #f8717100}}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.landing-nav{height:72px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20;background:var(--color-bg-base);border-bottom:1px solid var(--color-border-subtle)}.landing-nav-links{display:flex;align-items:center;gap:6px}.landing-nav-links .nav-item{padding:6px 14px;text-decoration:none}.landing-hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:72px 48px;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 10%,var(--color-accent-glow),transparent),radial-gradient(ellipse 60% 50% at 80% 80%,var(--color-accent-coral-glow),transparent),radial-gradient(ellipse 40% 30% at 60% 30%,var(--color-accent-pink-glow),transparent);pointer-events:none}.landing-hero>*{position:relative;z-index:1}.landing-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;max-width:1280px;margin:0 auto;width:100%}.landing-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:24px}.landing-h1{font-family:var(--font-display);font-size:clamp(44px,6vw,80px);line-height:.98;font-weight:800;letter-spacing:-.04em;margin:0 0 24px}.landing-h2{font-family:var(--font-display);font-size:clamp(30px,4vw,48px);font-weight:700;letter-spacing:-.03em;margin:0;line-height:1.05}.landing-lede{font-size:19px;line-height:1.5;color:var(--color-text-secondary);margin:0 0 32px;max-width:540px}.landing-divider{width:1px;height:32px;background:var(--color-border-default)}.landing-section{padding:96px 48px;max-width:1280px;margin:0 auto;width:100%}.landing-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px;flex-wrap:wrap}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-venues{padding:96px 48px;background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.landing-venues-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.landing-eyebrow{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--color-accent-coral-glow);color:var(--color-accent-coral);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.landing-bullets{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}.landing-cities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-map{position:relative;aspect-ratio:4 / 3;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#151129,#221436 60%,#2a1030);border:1px solid var(--color-border-default);box-shadow:var(--shadow-md)}.landing-map-card{position:absolute;bottom:16px;left:16px;right:16px;padding:12px 14px;border-radius:14px;background:#0d0b14d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;gap:10px}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.55}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}.landing-cta{padding:96px 48px;text-align:center;position:relative;overflow:hidden}.landing-cta-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-brand-subtle);opacity:.5}.landing-footer{border-top:1px solid var(--color-border-subtle);padding:32px 48px;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-surface);flex-wrap:wrap;gap:16px}@media (max-width: 1000px){.landing-hero-grid,.landing-venues-grid{grid-template-columns:1fr;gap:36px}.landing-features{grid-template-columns:1fr}.landing-nav-links{display:none}.landing-nav,.landing-hero,.landing-section,.landing-venues,.landing-cta,.landing-footer{padding-left:20px;padding-right:20px}.landing-hero{min-height:0;padding-top:48px;padding-bottom:48px}}@media (max-width: 640px){.landing-cities{grid-template-columns:repeat(2,1fr)}}.landing-pin{animation:pin-float 3.2s ease-in-out infinite;will-change:transform}@keyframes pin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.landing-pin-inner{transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out)}.landing-pin.is-active .landing-pin-inner{transform:scale(1.18)}.landing-pin-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid currentColor;opacity:0;pointer-events:none}.landing-pin.is-active .landing-pin-ring{animation:pin-ring 1.1s var(--ease-out)}@keyframes pin-ring{0%{transform:scale(.9);opacity:.65}to{transform:scale(2.1);opacity:0}}.landing-vote-pop{position:absolute;font-size:13px;font-weight:700;color:#fff;pointer-events:none;animation:vote-pop 1.5s var(--ease-out) forwards}@keyframes vote-pop{0%{transform:translateY(0) scale(.6);opacity:0}25%{transform:translateY(-10px) scale(1.1);opacity:1}to{transform:translateY(-38px) scale(1);opacity:0}}.landing-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.landing-map-road{position:absolute;background:#ffffff0d;pointer-events:none}