@font-face{font-family:AccessDM;src:url('/assets/font-0.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AccessDM;src:url('/assets/font-2.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:AccessSerif;src:url('/assets/font-5.ttf') format('truetype');font-weight:400;font-display:swap}
.access-page{--access-sans:AccessDM,Arial,sans-serif;--access-heading:AccessSerif,Georgia,serif;--access-bg:#fff9f1;--access-paper:#fffdf9;--access-ink:#352c2a;--access-accent:#ab293a;--access-line:#e5dbd2;--access-input:#cdbbb0;--access-button:#ab293a;--access-button-ink:#fff9f1;--access-hover:#822031;--access-hover-ink:#fff9f1;--access-focus:#ab293a}

.access-page{font-family:var(--access-sans);color:var(--access-ink);background:var(--access-bg);-webkit-font-smoothing:antialiased}
.access-page .access-panel{background:var(--access-paper);border-color:var(--access-line)}
.access-brand{display:flex;align-items:center;gap:7px;margin-bottom:26px;color:var(--access-accent);line-height:1.2}
.access-page h1{font-family:var(--access-heading);font-size:32px;line-height:1.2;color:var(--access-ink);margin:0 0 26px}
.access-page label{font-size:20px}
.access-page input{font-family:var(--access-sans);color:var(--access-ink);border-color:var(--access-input);background:var(--access-paper)}
.access-page button{font-family:var(--access-sans);font-size:20px;font-weight:600;background:var(--access-button);border-color:var(--access-button);color:var(--access-button-ink);transition:background .18s,color .18s}
.access-page button:hover{background:var(--access-hover);border-color:var(--access-hover);color:var(--access-hover-ink)}
.access-page :is(input,button):focus-visible{outline:3px solid var(--access-focus);outline-offset:4px}
.access-page #connected h2{font-family:var(--access-heading);color:var(--access-ink)}
@media(max-width:650px){.access-brand{margin-bottom:25px}.access-page h1{font-size:28px}.access-page label{font-size:17px}.access-page button{font-size:16px}.access-page .access-panel{padding:28px 22px}.access-page .access-main{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.access-page button{transition:none}}

.access-page .access-panel{border-radius:3px}
.access-page .access-brand{font-family:AccessSerif,Georgia,serif;font-size:34px;letter-spacing:-1.3px;gap:0}
.access-brand span{font-style:italic}.access-brand svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;margin-left:10px;transform:rotate(10deg)}
.access-page input,.access-page button{border-radius:3px}