.access-dialog{width:min(27.5rem,calc(100% - 2rem));max-height:calc(var(--visible-height) - 1.5rem);padding:0;border:1px solid #ffffffbf;border-radius:1.7rem;background:#fffefb;color:var(--ink);box-shadow:0 35px 120px #16150045;overflow:auto}.access-dialog::backdrop{background:#352e054d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.access-dialog[open]{animation:card-enter .4s var(--ease)}.access-dialog.is-leaving{opacity:0;transform:translateY(12px) scale(.98);transition:opacity .18s,transform .18s}.access-form{position:relative;padding:2rem 2.2rem 1.5rem;border-top:5px solid var(--yellow)}.access-logo{display:block;width:17.5rem;height:auto;margin:0 auto 1.7rem}.access-heading{text-align:center}.access-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.16em;color:#887214}.access-heading h2{margin:.6rem 0 .55rem;font-size:1.7rem;font-weight:750;line-height:1.2;letter-spacing:-.04em}.access-heading p{max-width:20rem;margin:0 auto 1.6rem;font-size:1rem;line-height:1.55;color:#6b6b60;text-wrap:balance}.access-field-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:650}.access-field{display:flex;align-items:center;gap:.7rem;border:1px solid #ddded4;background:white;border-radius:.8rem;min-height:3.35rem;padding:0 .9rem;transition:border-color .2s,box-shadow .2s}.access-field:focus-within{border-color:#c59e00;box-shadow:0 0 0 4px #ffce031b}.access-field>span{color:#979987}.access-field input{width:100%;min-width:0;border:0;outline:0;padding:.85rem 0;background:transparent;font-size:1rem;color:var(--ink)}.access-field input::placeholder{color:#929487}.access-field:has([aria-invalid="true"]){border-color:#bb4733}.field-error{min-height:1.2rem;margin:.35rem 0 .5rem;font-size:.8125rem;line-height:1.4;color:#a33728}.access-submit{display:flex;justify-content:center;align-items:center;gap:1rem;min-height:3.4rem;width:100%;border:1px solid #e8b900;border-radius:.85rem;background:linear-gradient(120deg,#ffdf48,var(--yellow));font-weight:750;font-size:1rem;box-shadow:0 5px 15px #eebc001f;transition:transform .2s var(--ease),box-shadow .2s,filter .2s}.access-submit:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 9px 24px #d4a00030}.access-submit:hover svg{transform:translateX(3px)}.access-submit svg{transition:transform .2s}.access-submit:active{transform:scale(.98)}.access-submit:disabled{opacity:.65}.access-enter-hint{margin:.9rem 0 1.15rem;text-align:center;font-size:.8125rem;color:#818274}.access-enter-hint kbd{padding:.13rem .32rem;border:1px solid #dcddd3;border-radius:.3rem;background:#f6f7f1;font:inherit;color:#575a4c}.access-notice{margin:0;text-align:center;font-size:.8125rem;line-height:1.5;color:#77796c;max-width:19rem;margin-inline:auto}@keyframes card-enter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:380px){.access-form{padding:1.4rem 1.35rem 1.1rem}.access-logo{width:15rem;margin-bottom:1.2rem}.access-heading h2{font-size:1.5rem}.access-heading p{margin-bottom:1.1rem}.access-enter-hint{margin-block:.7rem}}
@media(max-height:650px){.access-form{padding:1.25rem 1.7rem 1.1rem}.access-logo{width:13rem;margin-bottom:1rem}.access-heading h2{font-size:1.45rem;margin-top:.4rem}.access-heading p{margin-bottom:1rem;font-size:1rem}.access-enter-hint{margin-block:.6rem}.access-notice{font-size:.75rem}}
html.keyboard-open .access-dialog{margin:auto;max-height:calc(var(--visible-height) - 1rem);top:0;bottom:auto;transform:translateY(max(.5rem,calc((var(--visible-height) - 19rem)/2)))}html.keyboard-open .access-logo,html.keyboard-open .access-eyebrow,html.keyboard-open .access-heading p,html.keyboard-open .access-enter-hint{display:none}html.keyboard-open .access-form{padding:1rem 1.5rem}html.keyboard-open .access-heading h2{font-size:1.25rem;margin:0 0 .7rem}html.keyboard-open .access-notice{margin-top:.7rem}
@media(max-height:420px){.access-logo,.access-eyebrow,.access-heading p,.access-enter-hint{display:none}.access-form{padding:.8rem 1.5rem}.access-heading h2{font-size:1.25rem;margin:0 0 .6rem}.access-notice{margin-top:.6rem}}
@media(max-height:650px){.access-form{padding:1rem 1.7rem}.access-logo{width:11rem;margin-bottom:.65rem}.access-eyebrow,.access-enter-hint{display:none}.access-heading p{margin-bottom:.75rem}.access-heading h2{margin-top:0}.access-notice{margin-top:.6rem}}
html.keyboard-open .access-heading{display:none}html.keyboard-open .access-form{padding:.7rem 1.25rem}
