@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
*{box-sizing:border-box}body{margin:0;background:#1c1a1b;color:#f6f5f1;font-family:Pretendard,sans-serif}main{max-width:680px;margin:auto;padding:70px 24px}a{color:#a9b6e5}.home{font-size:26px;font-weight:800;text-decoration:none}h1{font-size:38px;margin:55px 0 20px;letter-spacing:-.04em}p{line-height:1.6;color:#b9b6b8}form{margin-top:36px}label{display:block;margin:22px 0;font-size:15px}input,textarea{display:block;width:100%;margin-top:10px;padding:17px 19px;border:0;border-radius:6px;background:#302d34;color:#f6f5f1;font:inherit}textarea{min-height:90px;resize:vertical;line-height:1.6}input:focus,textarea:focus{outline:2px solid #8f9fd8;background:#3c3744}button{border:0;border-radius:99px;background:#8f9fd8;color:#1c1a1b;padding:14px 26px;font:600 16px Pretendard,sans-serif;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #b4bfe8;outline-offset:4px}.hint{font-size:13px;margin-top:30px}article{padding:30px 0;border-bottom:1px solid #ffffff22}summary{cursor:pointer;font-size:20px;font-weight:700}article small{display:block;color:#a9b6e5;margin:12px 0}#message{color:#b4bfe8}#logout{margin:20px 0;background:#302d34;color:#f6f5f1}

body{min-height:100svh;display:grid;place-items:center;padding:28px;background:#100f10}main{position:relative;width:min(600px,100%);max-height:calc(100svh - 56px);overflow:auto;margin:0;padding:48px 42px;background:#252325;border-radius:22px;text-align:center}.home{display:inline-block}.home img{display:block;width:112px;height:auto;filter:invert(1)}h1{margin:30px 0 16px;font-size:32px}label{text-align:left}.access-close{position:absolute;right:20px;top:12px;font-size:30px;text-decoration:none;color:#b9b6b8}#records{text-align:center}#login button{min-width:150px}body.embedded{padding:0;background:transparent;display:block}body.embedded main{max-height:none;width:100%;border-radius:0}.embedded .access-close{display:none}@media(max-width:600px){body{padding:18px}main{padding:40px 24px;max-height:calc(100svh - 36px)}h1{font-size:28px}}

.customer-access h1{margin-top:0}.access-brand-footer{margin-top:36px;padding-top:12px}.access-brand-footer .home{display:inline-block}.access-brand-footer .home img{width:96px}
