*,:before,:after{box-sizing:border-box}html{min-width:320px}body{margin:0}#root{min-height:100vh}.demo-environment-banner{z-index:1000;color:#2d1a00;text-align:center;background:#ffd86b;border-bottom:2px solid #7a4b00;justify-content:center;align-items:center;gap:.65rem;min-height:48px;padding:.65rem 3.5rem .65rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.demo-environment-banner__close{color:#2d1a00;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:45%;right:.75rem;transform:translateY(-50%)}.demo-environment-banner__close:hover{background:#2d1a001f}.demo-environment-banner__close:focus-visible{outline-offset:2px;outline:2px solid #2d1a00}@media (width<=640px){.demo-environment-banner{flex-direction:column;align-items:center;gap:.15rem;padding-right:3.5rem;font-size:.875rem}}.route-status-page,.route-status-card,.route-error-card,.hazel-page-loader,.admin-preview-banner,.demo-environment-banner{--color-bg:#f6fafb;--color-border:#d9e6e8;--color-ink:#11151a;--color-ink-soft:#2e3840;--color-muted:#5f6f78;--color-teal:#078fa3;--radius-md:8px;--shadow-card:0 20px 48px #1113151a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.route-error-actions button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #078fa3;border-radius:8px;padding:10px 18px}.route-error-actions button:focus-visible{outline-offset:3px;outline:3px solid #b7791f}.site-access-screen{color:#153b40;background:url(/brand/hazel-logo-pattern1.jpg);place-items:center;min-height:100vh;padding:24px;display:grid}.site-access-card{background:#fff;border-radius:20px;width:min(100%,480px);padding:36px;box-shadow:0 24px 70px #0000003d}.site-access-brand{color:#087f8c;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:800}.site-access-card h1{margin:0 0 12px;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.08}.site-access-card p{color:#526d71;line-height:1.6}.site-access-card form{gap:12px;margin-top:24px;display:grid}.site-access-card label{font-weight:800}.site-access-card input{width:100%;min-height:50px;font:inherit;border:1px solid #afc8ca;border-radius:10px;padding:0 14px}.site-access-card input:focus{border-color:#087f8c;outline:3px solid #087f8c33}.site-access-card button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#087f8c;border:0;border-radius:10px;padding:0 18px;font-weight:800}.site-access-card button:disabled{cursor:wait;opacity:.7}.site-access-error{color:#8b1d1d;background:#fff0f0;border:1px solid #efaaaa;border-radius:10px;padding:12px 14px;font-weight:700}.site-access-spinner{border:4px solid #cfe4e5;border-top-color:#087f8c;border-radius:50%;width:42px;height:42px;margin:22px 0;animation:.8s linear infinite site-access-spin}@keyframes site-access-spin{to{transform:rotate(360deg)}}@media (width<=520px){.site-access-card{border-radius:16px;padding:28px 22px}}