.citybanner{position:relative;overflow:hidden;color:#fff;padding:60px 0 56px;background:var(--navy)}.citybanner:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,107,0,.3),transparent 55%),radial-gradient(90% 120% at 100% 0,rgba(37,99,235,.45),transparent 60%)}.citybanner:after{content:"";position:absolute;right:-40px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,59,.35),transparent 70%)}.citybanner .wrap{position:relative}.citybanner .pin{display:inline-flex;align-items:center;gap:7px;background:hsla(0,0%,100%,.14);padding:7px 15px;border-radius:var(--r-pill);font-weight:700;font-family:var(--display);font-size:.85rem}.citybanner .pin svg{width:16px;height:16px}.citybanner h1{color:#fff;font-size:3rem;margin-top:16px}.citybanner .cstats{display:flex;gap:36px;margin-top:24px;flex-wrap:wrap}.citybanner .cstats .v{font-family:var(--display);font-weight:800;font-size:2rem}.citybanner .cstats .l{color:#c6d4e3;font-size:.9rem;font-weight:600}.citybanner .actions{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}.popcats{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.popcats .chip svg{width:16px;height:16px}.alertbox{background:linear-gradient(120deg,var(--yellow-soft),#fff);border:1.5px solid var(--yellow);border-radius:var(--r-lg);padding:24px 28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;box-shadow:var(--sh-sm)}.alertbox .ic{width:56px;height:56px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;flex-shrink:0}.alertbox .ic svg{width:28px;height:28px}.alertbox h3{font-size:1.25rem}.alertbox .grow{flex:1 1;min-width:220px}.alertbox form{display:flex;gap:8px}.alertbox input{border:1.5px solid var(--line-strong);border-radius:var(--r-pill);padding:12px 18px;min-width:220px}@media(max-width:560px){.citybanner h1{font-size:2.1rem}.alertbox form{flex-direction:column;width:100%}.alertbox input{width:100%}}