.city-page.svelte-e35p5m.svelte-e35p5m{min-height:100vh;background:var(--color-background);padding:var(--spacing-lg)}.container.svelte-e35p5m.svelte-e35p5m{max-width:800px;margin:0 auto}.breadcrumb.svelte-e35p5m.svelte-e35p5m{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-light)}.breadcrumb.svelte-e35p5m a.svelte-e35p5m{color:var(--color-accent);text-decoration:none}.breadcrumb.svelte-e35p5m a.svelte-e35p5m:hover{text-decoration:underline}.city-header.svelte-e35p5m.svelte-e35p5m{text-align:center;margin-bottom:var(--spacing-2xl)}.city-header.svelte-e35p5m h1.svelte-e35p5m{font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-md)}.city-description.svelte-e35p5m.svelte-e35p5m{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.6;max-width:600px;margin:0 auto}.time-display.svelte-e35p5m.svelte-e35p5m{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-md)}.time-value.svelte-e35p5m.svelte-e35p5m{font-size:2.5rem;font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-md);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.timezone-info.svelte-e35p5m.svelte-e35p5m{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timezone-name.svelte-e35p5m.svelte-e35p5m{font-size:var(--font-size-lg);color:var(--color-text);font-weight:500}.utc-offset.svelte-e35p5m.svelte-e35p5m{font-size:var(--font-size-base);color:var(--color-text-light)}.conversion-examples.svelte-e35p5m.svelte-e35p5m{margin-bottom:var(--spacing-2xl)}.conversion-examples.svelte-e35p5m h2.svelte-e35p5m{color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.examples-grid.svelte-e35p5m.svelte-e35p5m{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.example.svelte-e35p5m.svelte-e35p5m{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.example.svelte-e35p5m h3.svelte-e35p5m{color:var(--color-text);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.example.svelte-e35p5m ul.svelte-e35p5m{list-style:none;padding:0;margin:0}.example.svelte-e35p5m li.svelte-e35p5m{padding:var(--spacing-xs) 0;color:var(--color-text-light);border-bottom:1px solid var(--color-border)}.example.svelte-e35p5m li.svelte-e35p5m:last-child{border-bottom:none}.faq-section.svelte-e35p5m.svelte-e35p5m{margin-bottom:var(--spacing-2xl)}.faq-section.svelte-e35p5m h2.svelte-e35p5m{color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.faq-item.svelte-e35p5m.svelte-e35p5m{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.faq-item.svelte-e35p5m h3.svelte-e35p5m{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.faq-item.svelte-e35p5m p.svelte-e35p5m{color:var(--color-text-light);line-height:1.6;margin:0}.cta-section.svelte-e35p5m.svelte-e35p5m{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)}.cta-section.svelte-e35p5m h2.svelte-e35p5m{color:var(--color-text);margin-bottom:var(--spacing-md)}.cta-section.svelte-e35p5m p.svelte-e35p5m{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.cta-button.svelte-e35p5m.svelte-e35p5m{display:inline-block;background:var(--color-accent);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:var(--transition)}.cta-button.svelte-e35p5m.svelte-e35p5m:hover{background:var(--color-primary);transform:translateY(-1px)}@media (max-width: 768px){.city-page.svelte-e35p5m.svelte-e35p5m{padding:var(--spacing-md)}.time-value.svelte-e35p5m.svelte-e35p5m{font-size:2rem}.examples-grid.svelte-e35p5m.svelte-e35p5m{grid-template-columns:1fr}}