/* Zonectify 2.0 — presentation-only operator layer. */
:root{--z-primary:#07121c;--z-accent:#0879d9;--z-bg:#edf3f7;--z-text:#102535}
body{background:linear-gradient(180deg,#eaf4f7 0,#f3f6f9 360px);color:var(--z-text)}
header{background:#07121c;border-bottom:1px solid rgba(103,222,235,.26);box-shadow:0 12px 30px rgba(7,18,28,.12)}
header .brand{font-weight:780;letter-spacing:-.035em;display:inline-flex;align-items:center}
header nav a{border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
header nav a.active,header nav a:hover{background:#12384b}
header .codes-link,header .topbar-signout{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
main{max-width:76rem}
.card{border:1px solid #dbe5eb;border-radius:12px;box-shadow:0 8px 30px rgba(7,18,28,.055)}
button,input,select{min-height:44px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0879d9;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}