.city-hub-immersive{position:relative;isolation:isolate;color:oklch(96% .02 85);background:radial-gradient(130% 80% at 50% -10%,oklch(90% .09 88) 0,oklch(78% .1 74) 34%,oklch(55% .11 58) 78%,oklch(38% .08 52) 100%);border-radius:var(--radius-lg,22px);overflow:hidden;padding:clamp(1rem,3vw,1.8rem)}.city-hub-immersive .page-title{color:oklch(98% .02 88)}.city-hub-immersive .page-eyebrow{color:oklch(90% .11 85)}.city-hub-immersive .city-intro{color:oklch(90% .03 85)}.city-hub-immersive .mosque-breadcrumb,.city-hub-immersive .mosque-breadcrumb a{color:oklch(85% .04 85)}.city-ambient{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:1}.city-onboard{margin:var(--space-4) 0;padding:clamp(1.5rem,3.5vw,2.3rem);border-radius:var(--radius-md,18px);border:1px solid oklch(88% .09 88/.35);background:linear-gradient(160deg,oklch(30% .05 55/.55),oklch(22% .04 50/.4));box-shadow:0 20px 60px oklch(30% .06 50/.4),inset 0 1px 0 oklch(95% .05 88/.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-onboard-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:oklch(88% .11 86);margin:0 0 .5rem}.city-onboard-title{font-family:var(--font-display);color:oklch(98% .02 88);font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.12;margin:0;text-wrap:balance}.city-onboard-sub{color:oklch(88% .03 85);margin:.7rem 0 0;max-width:48ch;line-height:1.6}.city-onboard-form{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.city-onboard-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.city-onboard-input{flex:1 1 14rem;min-width:0;font:inherit;color:oklch(97% .02 88);background:oklch(20% .03 50/.6);border:1px solid oklch(85% .08 86/.3);border-radius:12px;padding:.85rem 1rem;transition:border-color var(--duration-fast,.15s) var(--ease-out,ease),box-shadow var(--duration-fast,.15s)}.city-onboard-input::placeholder{color:oklch(72% .03 85)}.city-onboard-input:focus{outline:none;border-color:oklch(85% .11 86/.7);box-shadow:0 0 0 3px oklch(82% .13 90/.18)}.city-onboard-btn{font:inherit;font-weight:600;color:oklch(18% .03 90);cursor:pointer;background:linear-gradient(180deg,var(--color-gold-hi,var(--color-gold)),var(--color-gold-deep));border:none;border-radius:11px;padding:.8rem 1.3rem;transition:transform var(--duration-fast,.15s) var(--ease-out,ease),filter var(--duration-fast,.15s)}.city-onboard-btn:hover{filter:brightness(1.06)}.city-onboard-btn:active{transform:scale(.97)}.city-onboard-btn:disabled{opacity:.6;cursor:default}.city-onboard-err{color:oklch(72% .14 40);font-size:.9rem;margin:.7rem 0 0}.city-onboard-done .city-onboard-title{color:var(--color-gold)}.city-hub-immersive .city-item{background:oklch(28% .04 52/.5);border-color:oklch(85% .07 86/.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.city-hub-immersive .city-item:hover{border-color:oklch(85% .12 86/.6)}.city-hub-immersive .city-item-text b{color:oklch(97% .02 88)}.city-hub-immersive .city-item-text small{color:oklch(82% .03 85)}.city-hub-immersive .city-item-go{color:oklch(88% .12 86)}.city-hub-immersive .city-item-jumua{color:oklch(85% .11 88)}@media (prefers-reduced-motion:reduce){.city-onboard-btn{transition:none}}.city-intro{margin:var(--space-2) 0 0;color:var(--color-ivory-dim);line-height:1.6;max-width:56ch}.city-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.city-item{display:flex;align-items:center;gap:var(--space-3);padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-night-raised);border:1px solid var(--color-night-border);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.city-item:hover{border-color:color-mix(in oklch,var(--color-gold) 40%,transparent);transform:translateY(-1px)}.city-item-mark{flex-shrink:0;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,var(--color-gold-hi,var(--color-gold)),var(--color-gold-deep));color:oklch(100% 0 0);font-family:var(--font-display);font-size:1.4rem;font-weight:600}.city-item-mark img{width:100%;height:100%;object-fit:cover}.city-item-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.city-item-text b{color:var(--color-ivory);font-weight:600}.city-item-text small{color:var(--color-ivory-faint);font-size:.82rem}.city-item-jumua{color:var(--color-gold-deep)}.city-item-go{margin-left:auto;color:var(--color-gold)}@media (prefers-reduced-motion:reduce){.city-item{transition:none}}