:root{--primary:oklch(86% .17 92);--cream:oklch(99% .035 115);--background:oklch(100% 0 0);--ink:oklch(20% .02 90);--ink-soft:oklch(42% .02 90);--success:oklch(62% .17 145);--border:oklch(92% .01 90);color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}main{background:var(--cream);text-align:center;isolation:isolate;place-items:center;min-height:100vh;padding:2rem;display:grid;position:relative;overflow:hidden}main:before{background:var(--primary);content:"";filter:blur(1px);opacity:.75;z-index:-1;border-radius:50%;width:min(34rem,80vw);height:min(34rem,80vw);position:absolute;transform:translate(35%,-35%)}section{border:1px solid var(--border);background:var(--background);border-radius:2rem;width:min(32rem,100%);padding:clamp(2.5rem,8vw,5rem) 2rem;box-shadow:0 24px 60px #1e1c141a}.brand{background:var(--primary);color:var(--ink);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin:0 0 1.25rem;padding:.45rem .8rem;font-size:.75rem;font-weight:800;display:inline-block}h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(2.75rem,9vw,5rem);line-height:1}.environment{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem 0 0;font-size:.8rem;font-weight:700;display:inline-flex}.environment:before{background:var(--success);content:"";border-radius:50%;width:.55rem;height:.55rem}