.access{padding:var(--space-3) var(--space-3) var(--space-3)}.access__panel{isolation:isolate;min-height:calc(100svh - 64px - 3 * var(--space-3));max-width:calc(var(--container-wide) + 2 * var(--space-6));padding:clamp(var(--space-8), 8vw, var(--space-10)) var(--gutter);border-radius:var(--radius-xl);background:var(--gradient-hero);grid-template-columns:minmax(0,1fr);place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9}.access__card{width:100%;min-width:0;max-width:520px;padding:clamp(var(--space-5), 5vw, var(--space-8));border-radius:var(--radius-xl);-webkit-backdrop-filter:saturate(180%)blur(20px);text-align:center;background:#ffffffd1;position:relative;box-shadow:0 30px 60px -30px #004c5873}.access__form-view,.access__success{justify-items:center;gap:var(--space-4);display:grid}.access__card[data-state=success] .access__form-view{display:none}.access__card:has(#sent:target) .access__form-view{display:none}.access__success{padding-block:var(--space-6);outline:none;display:none}.access__card[data-state=success] .access__success,.access__success:target{animation:pop-in var(--dur-slow) var(--ease-out);display:grid}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.access__title{letter-spacing:-.035em;font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:600;line-height:1.16}.access__lead{color:var(--neutral-600);text-wrap:balance;max-width:40ch;font-size:16px;line-height:1.55}.access__form{gap:var(--space-4);width:100%;margin-top:var(--space-3);text-align:left;display:grid}.field{gap:6px;display:grid}.field label{color:var(--blue-900);font-size:14px;font-weight:600}.field input{border-radius:var(--radius-pill);height:52px;font:inherit;color:var(--blue-900);transition:box-shadow var(--dur-fast) var(--ease-out);background:#fff;border:0;padding:0 18px;font-size:16px;box-shadow:inset 0 0 0 1px #0013161a}.field input::placeholder{color:#9a9a95}.field input:hover{box-shadow:inset 0 0 0 1px #00131633}.field input:focus{box-shadow:inset 0 0 0 2px var(--blue-500), 0 0 0 4px #00bfdc2e;outline:none}.field input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--error-500)}.field__error{min-height:1.2em;color:var(--error-600);padding-left:18px;font-size:13px}.field__error:empty{min-height:0}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.access__submit{width:100%;margin-top:var(--space-2);position:relative}.access__submit:disabled{cursor:progress}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}.access__submit.is-loading .access__submit-label{opacity:.7}.access__submit.is-loading .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.access__status{color:var(--error-600);text-align:center;font-size:14px;line-height:1.5}.access__status:empty{display:none}.access__status a{color:var(--blue-800);text-decoration:underline}.access__check{background:var(--lime-500);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 0 8px #d7f21440}.access__check svg{fill:none;width:30px;height:30px;stroke:var(--blue-900);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px}.access__card[data-state=success] .access__check svg,.access__success:target .access__check svg{animation:draw .5s var(--ease-out) .2s forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (width<=720px){.access{padding-inline:var(--space-2)}.access__panel{padding-inline:var(--space-3)}}@media (width<=400px){.access .announce{white-space:normal;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.access__card[data-state=success] .access__success{animation:none}.access__check svg{stroke-dashoffset:0;animation:none!important}.spinner{animation-duration:2s}}
