.access-dialog{box-sizing:border-box;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:clamp(24px,5vw,42px);border:1px solid #39434e;background:#101419;color:#f2f4f6;box-shadow:0 24px 100px #0009;overflow:auto;font-family:inherit}.access-dialog::backdrop{background:#030609d9;backdrop-filter:blur(7px)}.access-dialog h2{margin:10px 32px 16px 0;font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.1;letter-spacing:-.04em}.access-eyebrow{margin:0;color:#58b9e8;font:.65rem var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase}.access-dialog #access-description{color:#afb8c1;font-size:.95rem;line-height:1.6}.access-project{padding:12px 16px;border-left:2px solid #58b9e8;background:#1a222b;font-size:.95rem;overflow-wrap:anywhere}.access-close{position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.access-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.access-fields label{display:flex;flex-direction:column;gap:8px;font-size:.8rem;color:#cad1d8}.access-wide{grid-column:1/-1}.access-fields input,.access-fields textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #414b55;border-radius:0;background:#080c10;color:#fff;font:inherit;font-size:1rem}.access-fields textarea{resize:vertical}.access-dialog :focus-visible{outline:2px solid #58b9e8;outline-offset:3px}.access-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0;color:#afb8c1;font-size:.8rem;line-height:1.5}.access-consent input{margin-top:4px;flex-shrink:0;width:16px;height:16px;accent-color:#58b9e8}.access-submit{padding:14px 22px;background:#58b9e8;border:1px solid #58b9e8;color:#071017;font:600 .8rem var(--mono,monospace);cursor:pointer}.access-submit:disabled{opacity:.65;cursor:default}.access-status{margin:14px 0 0;font-size:.85rem;line-height:1.6;color:#e0eaf0}.access-status:empty{display:none}.access-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}html:has(.access-dialog[open]){overflow:hidden}@media(max-width:500px){.access-fields{grid-template-columns:1fr;gap:14px}.access-dialog{padding:24px}.access-fields{margin-top:18px}.access-consent{margin:18px 0}}
