.legal{background:var(--cream);color:var(--text)}
.legal__top{background:var(--indigo);color:#fff;padding:14px var(--gut)}
.legal__top .brand{margin:0}
.legal__wrap{width:min(780px,100% - 2*var(--gut));margin:0 auto;padding:40px 0 80px}
.legal h1{font-size:clamp(2rem,6vw,3rem);color:var(--indigo);margin-bottom:.3em}
.legal h2{font-size:1.4rem;color:var(--indigo);margin:1.8em 0 .5em}
.legal p,.legal li{color:var(--text)}
.legal ul{padding-left:1.3em}.legal li{margin-bottom:.4em}
.legal .upd{color:var(--muted);font-size:.9rem}
.legal a{color:var(--indigo);font-weight:700}
.legal .back{display:inline-block;margin-top:2em}
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(900px 600px at 50% 30%,#605ea7,#2a2766 70%,#1f1c4d);color:#fff}
.nf h1{font-size:clamp(2.4rem,8vw,4.5rem);margin-bottom:.3em}
.nf p{font-size:1.2rem;color:#e1dcf8;max-width:30em;margin-inline:auto}
.nf .btn{margin-top:1em}