*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#000;color:#fff}body{font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:#000}.panel{width:min(560px,92vw);text-align:center}.logo{width:min(430px,84vw);height:auto;display:block;margin:0 auto 54px}.access-form{width:min(340px,82vw);margin:0 auto}.access-input{width:100%;height:48px;border:1px solid #777;background:transparent;color:#fff;padding:0 15px;outline:none;letter-spacing:.16em;text-align:center;border-radius:0}.access-input:focus{border-color:#fff}.access-input::placeholder{color:#777;letter-spacing:.18em;font-size:11px}.enter{margin-top:14px;width:100%;height:42px;border:1px solid #fff;background:#fff;color:#000;cursor:pointer;font-size:11px;letter-spacing:.24em}.enter:hover{background:#000;color:#fff}.status{height:22px;margin-top:14px;color:#8d8d8d;font-size:10px;letter-spacing:.15em}.portal{min-height:100vh;padding:28px;background:#000}.portal-top{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;border-bottom:1px solid #252525;padding-bottom:18px}.portal-mark{font-size:12px;letter-spacing:.24em}.logout{border:1px solid #555;background:transparent;color:#aaa;padding:9px 13px;cursor:pointer;font-size:10px;letter-spacing:.15em}.portal-main{max-width:1100px;margin:100px auto 0}.portal-main h1{font-size:clamp(32px,6vw,72px);margin:0;letter-spacing:-.03em}.portal-main p{color:#777;letter-spacing:.16em;font-size:11px;margin-top:18px}