/* LEGALITY OS™ 5.3 · Build v40 — sleek login with floating numbers */
html[data-v40] #gate.v40-gate{position:relative;overflow:hidden;
  background:radial-gradient(ellipse 60% 50% at 20% 30%,rgba(124,199,224,.12),transparent 70%),radial-gradient(ellipse 55% 45% at 85% 75%,rgba(179,161,238,.12),transparent 70%),linear-gradient(180deg,#0b1220,#070c16)!important}
.v40-floats{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.v40-floats span{position:absolute;bottom:-12%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:rgba(124,199,224,.22);white-space:nowrap;
  animation-name:v40rise;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}
.v40-floats span:nth-child(3n){color:rgba(179,161,238,.22)} .v40-floats span:nth-child(5n){color:rgba(255,255,255,.14)}
@keyframes v40rise{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}85%{opacity:.9}100%{transform:translateY(-125vh) rotate(8deg);opacity:0}}
html[data-v40] #gate.v40-gate > *:not(.v40-floats){position:relative;z-index:1}

/* the login panel */
html[data-v40] #gate .gate-panel{width:min(400px,92vw)!important;max-width:400px!important;padding:30px 30px 24px!important;border-radius:22px!important;overflow:hidden;
  background:linear-gradient(165deg,rgba(17,26,44,.82),rgba(10,16,30,.9))!important;border:1px solid rgba(160,180,255,.22)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(124,199,224,.08),0 0 46px rgba(124,199,224,.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
html[data-v40] #gate .gate-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#7cc7e0 30%,#b3a1ee 70%,transparent);opacity:.9}
html[data-v40] #gate .gate-panel::after{content:"";position:absolute;inset:-40% -60% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,199,224,.16),transparent 70%);pointer-events:none}
html[data-v40] #gate .gate-panel h2{letter-spacing:.14em!important;font-size:19px!important;color:#e8edf5!important;margin:4px 0 10px!important}
html[data-v40] #gate .gate-panel input{background:rgba(6,11,22,.72)!important;border:1px solid rgba(160,180,255,.2)!important;border-radius:12px!important;min-height:46px;color:#e8edf5!important;transition:border-color .2s,box-shadow .2s}
html[data-v40] #gate .gate-panel input:focus{border-color:#7cc7e0!important;box-shadow:0 0 0 3px rgba(124,199,224,.2)!important;outline:none}
html[data-v40] #gate .gate-panel .ms-btn{border-radius:999px!important;min-height:50px;background:linear-gradient(135deg,#8fd3ea,#7cc7e0 45%,#a8b4f2)!important;color:#0b1322!important;font-weight:700!important;
  box-shadow:0 10px 26px rgba(124,199,224,.28)!important;transition:transform .15s,filter .15s}
html[data-v40] #gate .gate-panel .ms-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
html[data-v40] #gate .v35-intake-btn{border-radius:999px!important}
@media (prefers-reduced-motion:reduce){.v40-floats span{animation:none;opacity:.6;bottom:auto;top:calc(var(--i,1) * 3%)}}

/* agency records */
.v40-pill{display:inline-flex;gap:6px;align-items:center}