*{box-sizing:border-box}body{margin:0;background:#f4f5fa;color:#24263d;font:16px/1.55 system-ui;min-height:100dvh;display:grid;place-items:center;padding:24px}.access-card{background:white;border:1px solid #dce0ed;border-radius:24px;box-shadow:0 12px 48px #2632680d;padding:36px;width:min(100%,440px)}.access-mark{width:44px;height:44px;border-radius:14px;background:#4748ba;color:white;display:grid;place-items:center;font-weight:800}h1{font-size:28px;margin:22px 0}label{display:grid;gap:8px;margin:18px 0;font-weight:600;font-size:14px}input{font:inherit;color:inherit;border:1px solid #aeb5cc;border-radius:10px;width:100%;min-height:48px;padding:12px;background:white}button{border:0;border-radius:12px;background:#4648ae;color:white;min-height:48px;width:100%;font:inherit;font-weight:650;padding:12px;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a79ce8;outline-offset:3px}p{font-size:14px;color:#60647a}a{color:#4648ae}#accessError{color:#a32a31}#accessDone{color:#20664f}[hidden]{display:none!important}@media(max-width:480px){body{padding:16px}.access-card{padding:24px}}