.page-access-shell{display:grid;gap:1.25rem;padding:1.25rem;color:#f5f8fb}.page-access-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:1px solid #31506b;padding-bottom:1rem}.page-access-heading span,.page-access-card__code{color:#f2cb05;font-size:.75rem;font-weight:800;letter-spacing:.12em}.page-access-heading h1{font-size:clamp(1.8rem,3vw,2.7rem);margin:.25rem 0}.page-access-heading p,.page-access-card p{color:#aac0d4;margin:0;max-width:60rem}.page-access-save{border:0;border-radius:.8rem;background:#f2cb05;color:#071421;font-weight:900;padding:.9rem 1.2rem;cursor:pointer}.page-access-save:disabled{opacity:.55}.page-access-notice,.page-access-card{border:1px solid #31506b;border-radius:1rem;background:#0e2135;padding:1.1rem}.page-access-notice{display:grid;gap:.35rem;border-color:#7c6d16}.page-access-notice span{color:#c2d1df}.page-access-card h2{margin:.25rem 0}.page-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:1rem}.page-access-option{display:flex;align-items:center;gap:.75rem;border:1px solid #35536e;border-radius:.75rem;background:#0a1928;padding:.8rem;cursor:pointer}.page-access-option:has(input:checked){border-color:#f2cb05;background:#172b39}.page-access-option input{width:1.2rem;height:1.2rem;accent-color:#f2cb05}.page-access-option span{display:grid}.page-access-option small{color:#8faac0}.page-access-feedback{min-height:1.5rem;margin:0;font-weight:700}.page-access-feedback[data-state=success]{color:#54dbb2}.page-access-feedback[data-state=error],.page-access-alert{color:#ff8585}@media(max-width:760px){.page-access-heading{align-items:stretch;flex-direction:column}.page-access-save{width:100%}}