/* UtiliNexus 2.8.45.88 — sign-in palette shared by every UtiliNexus page. */
:root{
  --public-bg:#020711;
  --public-panel:#03101f;
  --public-panel-2:#051322;
  --public-border:#2b5c8b;
  --public-text:#f8f8f8;
  --public-muted:#b9c8d6;
  --public-blue:#0056fc;
  --public-blue-soft:#0056fc;
  --bg:#020711;
  --panel:#03101f;
  --panel2:#051322;
  --line:#2b5c8b;
  --ink:#f8f8f8;
  --muted:#b9c8d6;
  --blue:#0056fc;
  --blue2:#4e8fff
}
html,body{background-color:#020711}
.auth-screen{
  background-color:#020711!important;
  background-image:
    linear-gradient(90deg,rgba(2,7,17,.34),rgba(2,7,17,.78)),
    url('assets/utilinexus-city-map-bg.png?v=284588')!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.public-site,.main-shell{
  background-color:#020711!important;
  background-image:
    radial-gradient(circle at 46% 8%,rgba(20,87,174,.18),transparent 36%),
    linear-gradient(90deg,rgba(1,7,16,.46) 0%,rgba(2,9,19,.38) 48%,rgba(1,7,16,.72) 100%),
    linear-gradient(180deg,rgba(1,6,14,.18),rgba(1,6,14,.44)),
    url('assets/utilinexus-city-map-bg.png?v=284588')!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important
}
.public-site,.main-shell{
  /* Fixed background images force Chrome to repaint the full city image on
     every scroll frame. Keeping the same artwork in the normal scroll layer
     lets the browser composite the page smoothly beside the live map. */
  background-attachment:scroll!important;
  background-position:center top!important
}
.public-header,.mobile-header{
  background:rgba(2,10,21,.94)!important;
  border-color:rgba(43,92,139,.62)!important
}
.sidebar{
  background:linear-gradient(145deg,rgba(3,14,27,.985),rgba(2,10,21,.97))!important;
  border-color:rgba(43,92,139,.62)!important;
  contain:paint
}
.public-site{color:#f8f8f8!important}
.public-kicker,.public-hero h1 span,.public-plan-grid small,.public-signup-grid b{color:#0056fc!important}
.public-hero>div>p,.public-page-hero>p,.public-audience-grid p,.public-feature-grid p,.public-price-details p,.public-invite-note p,.public-legal-note,.public-brand small,.public-footer span,.public-footer small{color:#b9c8d6!important}
.public-primary{background:linear-gradient(90deg,#0056fc,#0064ff)!important;box-shadow:0 14px 30px rgba(0,86,252,.28)!important}
.public-secondary,.public-menu-btn,.public-nav .public-signin{
  background:rgba(3,14,27,.92)!important;
  border-color:rgba(43,92,139,.72)!important;
  color:#f8f8f8!important
}
.public-nav a{color:#b9c8d6!important}
.public-nav a:hover,.public-nav a.active{background:rgba(0,86,252,.18)!important;color:#f8f8f8!important}
.public-hero-card,.public-feature-grid article,.public-audience-grid article,.public-price-details article,.public-invite-note,.public-policy article,.public-plan-grid article,.public-signup-grid button,.public-cta{
  background:linear-gradient(145deg,rgba(3,14,27,.94),rgba(2,10,21,.90))!important;
  border-color:rgba(43,92,139,.62)!important;
  color:#f8f8f8!important;
  box-shadow:0 30px 88px rgba(0,0,0,.28)
}
.public-plan-grid article.featured{background:linear-gradient(145deg,rgba(4,22,45,.97),rgba(2,10,21,.94))!important;border-color:#0056fc!important;box-shadow:0 0 0 1px rgba(0,86,252,.48) inset!important}
.public-site a:not(.public-brand,.public-primary,.public-secondary,.public-nav a),.auth-back-link,.signup-legal-consent a{color:#4e8fff!important}
.public-footer{background:rgba(2,10,21,.96)!important;border-color:rgba(43,92,139,.48)!important}
.metric,.card,.hero-strip,.job-row,.utility-card,.price-card,.feature-lock,.ai-panel,.ai-bubble,.account-chip,.pill{
  background:linear-gradient(145deg,rgba(5,19,34,.97),rgba(3,13,25,.95))!important;
  border-color:rgba(43,92,139,.62)!important
}
.primary{background:linear-gradient(90deg,#0056fc,#0064ff)!important}
.nav-btn.active,.nav-btn:hover{background:rgba(0,86,252,.18)!important;color:#f8f8f8!important}
.public-nav.open{background:rgba(2,10,21,.985)!important}
@media(max-width:760px){.public-site,.main-shell{background-position:center top!important}.mobile-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media print{.public-site,.main-shell,.auth-screen{background:#fff!important}}