.cityPortal{color:#f2f6f7;background:#101a1f;max-width:1440px;min-height:100vh;margin:0 auto;padding:22px clamp(12px,3vw,42px) 80px;font:16px/1.5 system-ui,-apple-system,sans-serif}.cityPortal *{box-sizing:border-box}.cityTop{border-bottom:1px solid #4d6068;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 20px;height:auto!important;display:flex!important;position:static!important}.cityTop span,.cityLiveHeader span{color:#ffda43;letter-spacing:.18em;font-size:12px;font-weight:850}.cityTop h1{color:#fff;margin:4px 0 0;font-size:clamp(25px,4vw,36px)}.cityTop button,.cityLiveHeader button,.citySignIn button{color:#111;cursor:pointer;background:#ffd22a;border:1px solid #ffd22a;border-radius:8px;min-height:46px;padding:10px 16px;font-weight:800}.citySignIn{background:#1a292f;border:1px solid #536972;border-radius:14px;max-width:480px;margin:48px auto;padding:24px}.citySignIn h2{margin-top:0}.citySignIn label,.cityProjectChoice{margin:12px 0;font-weight:700;display:block}.citySignIn input,.cityProjectChoice select{color:#fff;background:#121d22;border:1px solid #879ba3;border-radius:8px;width:100%;min-height:48px;margin-top:7px;padding:10px;font-size:16px;display:block}.cityError{color:#ffb6ac;border:1px solid #d7716d;border-radius:8px;padding:12px}.cityLiveHeader{justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.cityLiveHeader h2{color:#fff;margin:3px 0;font-size:clamp(23px,4vw,32px)}.cityLiveHeader p{color:#c8d4d9;margin:0}.cityConnection{color:#baccd2;border-bottom:1px solid #40525b;padding-bottom:12px;font-size:13px}.cityProjectChoice{max-width:450px}@media (width<=600px){.cityPortal{padding:12px 12px 70px}.cityTop{align-items:flex-start}.cityTop button{font-size:12px}.cityLiveHeader{align-items:flex-start}.cityLiveHeader button{min-width:100px}}