.areapage{flex-direction:column;min-height:calc(100svh - 53px);display:flex}.areapage .center{padding:clamp(40px,8vw,90px) var(--gut);flex:1;justify-content:center;align-items:center;display:flex}.areapage .card{text-align:center;width:100%;max-width:680px}.areapage .card .lbl{color:var(--accent);margin-bottom:20px;display:block}.areapage h1{letter-spacing:-.02em;margin-bottom:18px;font-family:Fraunces,serif;font-size:clamp(34px,5vw,64px);font-weight:330;line-height:1.02}.areapage h1 em{color:var(--accent);font-style:italic}.areapage p.lead{color:var(--ink2);max-width:460px;margin:0 auto 34px;font-size:16.5px}.areapage form{border:1px solid var(--ink);background:var(--paper);justify-content:center;max-width:440px;margin:0 auto;display:flex}.areapage input{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;padding:17px 18px;font-family:Fraunces,serif;font-size:15px}.areapage input::placeholder{color:var(--muted);opacity:.8}.areapage input:focus{outline:none}.areapage button{background:var(--ink);color:var(--paper);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:0;padding:0 26px;font-size:12px;font-weight:600;transition:all .25s}.areapage button:hover{background:var(--accent)}.areapage .err{color:var(--accent);min-height:18px;margin-top:16px;font-size:13px}.areapage .hint{color:var(--muted);margin-top:14px;font-size:12.5px}.areapage .demo{color:var(--muted);margin-top:10px;font-size:12px}.areapage .demo code{color:var(--ink);letter-spacing:.1em;font-family:Fraunces,serif}