:root{color:#253a35;font-synthesis:none;--color-accent:#a43842;--color-muted:#58655e;--color-border:#d4d8d1;--radius-panel:1.5rem;background:#f7f3ed;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:72rem;margin:auto;padding:2rem clamp(1.25rem,5vw,4rem) 4rem}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:inherit;font-size:1.75rem;font-weight:800;text-decoration:none}.brand span{color:var(--color-accent)}.phase{color:var(--color-muted);font-size:.875rem}.intro{max-width:48rem;padding:clamp(3rem,9vw,7rem) 0 3rem}h1{letter-spacing:-.045em;margin:0 0 1.5rem;font-size:clamp(2.75rem,6.5vw,5rem);line-height:1.06}p{line-height:1.65}.intro>p{max-width:38rem;font-size:1.2rem}.intro .availability{font-size:1rem;font-weight:600}.diagnostics{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#ffffff80;max-width:44rem;padding:clamp(1.25rem,4vw,2rem)}h2{margin-top:0;font-size:1.1rem}.diagnostics p{color:var(--color-muted)}button{color:#fff;min-height:3rem;font:inherit;cursor:pointer;background:#253a35;border:0;border-radius:.75rem;padding:.75rem 1.25rem;font-weight:600}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.request-id{overflow-wrap:anywhere;font-size:.75rem}.auth-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#fff;max-width:44rem;margin-bottom:1.5rem;padding:clamp(1.25rem,4vw,2rem)}.auth-actions{flex-wrap:wrap;gap:.75rem;display:flex}.auth-note{color:var(--color-muted);margin-bottom:0;font-size:.875rem}.auth-success{font-weight:700}button.secondary{color:inherit;border:1px solid var(--color-border);background:0 0}@supports (padding:env(safe-area-inset-top)){main{padding-top:max(2rem, env(safe-area-inset-top));padding-bottom:max(4rem, env(safe-area-inset-bottom))}}
