.utp-city-info-wrap{max-width:760px;margin:32px auto}
.utp-city-info-wrap *,.utp-city-info-wrap *:before,.utp-city-info-wrap *:after{box-sizing:border-box}
.utp-city-info{background:#fff;border:1px solid #e4ecf4;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(15,23,42,.08);font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a}
.utp-ci-hero{padding:28px 24px 22px;color:#fff;background:linear-gradient(140deg,#023e6e 0%,#0369a1 48%,#0ea5e9 100%);position:relative;overflow:hidden}
.utp-ci-hero:before,.utp-ci-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.utp-ci-hero:before{width:120px;height:120px;top:-36px;right:-20px}
.utp-ci-hero:after{width:72px;height:72px;left:-18px;bottom:-14px}
.utp-ci-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800}
.utp-ci-hero h2{margin:14px 0 8px;font-size:30px;line-height:1.1;letter-spacing:-.5px;color:#fff}
.utp-ci-hero p{margin:0;font-size:14px;line-height:1.65;color:rgba(255,255,255,.88);max-width:92%}
.utp-ci-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;background:#fff;border-bottom:1px solid #e4ecf4}
.utp-ci-chip{background:#f8fbfe;border:1px solid #e8eff6;border-radius:18px;padding:14px 14px 12px}
.utp-ci-chip-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.utp-ci-chip-ico{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:16px;background:linear-gradient(135deg,#e9f5ff,#f5fbff);border:1px solid #d9e9f8}
.utp-ci-chip strong{display:block;font-size:13px;line-height:1.3}
.utp-ci-chip span{display:block;font-size:11px;color:#64748b;line-height:1.45}
.utp-ci-head{padding:16px 18px 8px;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#94a3b8}
.utp-ci-accordion{padding:0 14px 16px}
.utp-ci-item{border:1px solid #e4ecf4;background:#fff;border-radius:18px;overflow:hidden;margin:10px 0}
.utp-ci-toggle{width:100%;border:0;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px;text-align:left;cursor:pointer}
.utp-ci-left{display:flex;gap:12px;flex:1}
.utp-ci-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:18px;background:#eef6fc;color:#0369a1;flex:none}
.utp-ci-copy{display:block}
.utp-ci-title{display:block;font-size:16px;font-weight:800;line-height:1.25;margin:0 0 4px}
.utp-ci-teaser{display:block;font-size:12px;color:#64748b;line-height:1.55}
.utp-ci-arrow{flex:none;width:34px;height:34px;border-radius:999px;background:#f8fafc;border:1px solid #e4ecf4;display:grid;place-items:center;color:#64748b;font-size:18px;transition:transform .2s ease}
.utp-ci-item.is-open .utp-ci-arrow{transform:rotate(180deg)}
.utp-ci-panel{display:none;padding:0 18px 18px 70px}
.utp-ci-item.is-open .utp-ci-panel{display:block}
.utp-ci-content{color:#475569;font-size:13px;line-height:1.7}
.utp-ci-content p{margin:0 0 10px}
.utp-ci-content ul{margin:0;padding:0;list-style:none}
.utp-ci-content li{position:relative;padding-left:18px;margin:8px 0;color:#475569;font-size:13px;line-height:1.65}
.utp-ci-content li:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#0369a1,#0ea5e9);position:absolute;left:0;top:7px}
.utp-ci-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.utp-ci-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.2px;background:linear-gradient(90deg,#0369a1,#0ea5e9);color:#fff}
.utp-city-info-admin .utp-ci-admin-card{background:#fff;border:1px solid #e4ecf4;border-radius:18px;padding:20px;margin:18px 0;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.utp-city-info-admin .utp-ci-admin-grid{display:grid;grid-template-columns:160px 1fr;gap:16px 18px;margin:16px 0;padding-bottom:14px;border-bottom:1px solid #eef2f7}
.utp-city-info-admin .utp-ci-admin-grid p{margin:0}.utp-city-info-admin .utp-ci-admin-grid label{display:block;font-weight:600;color:#334155}
.utp-city-info-admin .utp-ci-admin-grid input,.utp-city-info-admin .utp-ci-admin-grid textarea{width:100%;margin-top:6px}
.utp-city-info-admin .utp-ci-full{grid-column:1 / -1}
.utp-city-info-admin .utp-ci-admin-section{border-top:1px solid #eef2f7;padding-top:18px;margin-top:18px}
.utp-city-info-admin code{font-size:14px}
@media (max-width:640px){.utp-city-info-wrap{margin:20px auto}.utp-ci-hero h2{font-size:26px}.utp-ci-chips{grid-template-columns:1fr 1fr}.utp-ci-toggle{padding:16px}.utp-ci-panel{padding:0 16px 16px 16px}.utp-ci-left{gap:10px}.utp-ci-icon{width:36px;height:36px}.utp-city-info-admin .utp-ci-admin-grid{grid-template-columns:1fr}}