*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f5f7fa}.app-shell{min-height:100vh}.top-nav{z-index:10;background:#0f3b5d;justify-content:space-between;align-items:center;gap:2rem;padding:.9rem clamp(1rem,5vw,4rem);display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000002e}.top-nav nav{align-items:center;gap:.25rem;display:flex}.brand,.nav-link{color:#fff;text-decoration:none}.brand{white-space:nowrap;font-size:1.25rem;font-weight:700}.nav-link{border-radius:.25rem;padding:.55rem .75rem}.nav-link:hover{background:#155180}.nav-link--active{box-shadow:inset 0 -3px #62b5e5}main{width:min(70rem,100%);margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,4rem)}.page{gap:1.5rem;display:grid}.form-card{width:min(30rem,100%)}.form-card form{gap:1rem;display:grid}.form-card button{justify-self:start}@media (width<=40rem){.top-nav{flex-direction:column;align-items:flex-start;gap:.75rem}.top-nav nav{width:100%;overflow-x:auto}}