*{box-sizing:border-box}body{color:#202124;background:#f5f5f5;margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #1968e8}.access{place-items:center;min-height:100dvh;padding:24px;display:grid}.access form,.access section{background:#fff;border:1px solid #e4e4e4;border-radius:22px;width:min(100%,390px);padding:32px}.access h1{margin:24px 0 8px;font-size:25px}.access p{color:#64676b;font-size:14px;line-height:1.5}.access label{margin-top:20px;font-size:14px;display:block}.access input{background:#f7f7f7;border:1px solid #d4d4d4;border-radius:10px;width:100%;margin-top:8px;padding:12px;display:block}.access button{color:#fff;background:#242424;border:0;border-radius:11px;min-height:44px;margin-top:20px;padding:12px 18px}.access button+button{color:#222;background:#eee;margin-left:8px}.access [role=alert]{color:#a32626}.access button:disabled{opacity:.5}@media (prefers-color-scheme:dark){body{color:#eee;background:#171819}.access form,.access section{background:#222325;border-color:#383a3d}.access p{color:#b1b3b8}.access input{color:#fff;background:#292b2f;border-color:#45474c}.access [role=alert]{color:#ffaaa4}}