.status-screen{--status-tone:#3be082;isolation:isolate;background:radial-gradient(60% 46% at 50% 40%, color-mix(in srgb, var(--status-tone) 13%, transparent), transparent 72%), #000;color:#eef4f1;grid-template-rows:auto minmax(0,1fr);min-height:100dvh;display:grid;position:relative;overflow:hidden}.status-screen[data-framed]{background:radial-gradient(60% 46% at 50% 42%, color-mix(in srgb, var(--status-tone) 12%, transparent), transparent 72%);grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.status-screen:before{content:"";z-index:-1;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--status-tone) 38%, transparent) 30%, color-mix(in srgb, var(--status-tone) 38%, transparent) 70%, transparent);height:1px;position:absolute;inset:40% 0 auto}.status-screen:after{content:"";z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--status-tone) 26%, transparent);border-radius:50%;width:min(78vw,360px);position:absolute;top:40%;left:50%;translate:-50% -50%}.status-top{align-items:center;padding:18px clamp(16px,4vw,40px);display:flex}.status-brand{color:#fff;font:italic 900 18px/1 var(--cond);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.status-brand img{width:26px;height:26px}.status-body{text-align:center;place-self:center;justify-items:center;gap:12px;width:min(100% - 32px,520px);padding:24px 0 72px;animation:.34s cubic-bezier(.2,.8,.2,1) both status-in;display:grid}.status-code{font:italic 900 clamp(112px, 26vw, 210px)/.82 var(--cond);letter-spacing:-.02em;background:linear-gradient(180deg, #fff 8%, var(--status-tone) 92%);color:#0000;filter:drop-shadow(0 18px 40px color-mix(in srgb, var(--status-tone) 28%, transparent));-webkit-background-clip:text;background-clip:text;margin:0 -.24em 4px 0;padding-right:.24em}.status-eyebrow{color:var(--status-tone);font:800 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase}.status-body h1{font:italic 900 clamp(30px, 5.4vw, 46px)/1 var(--cond);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:break-word;margin:0 -.24em 0 0;padding-right:.24em}.status-copy{color:#b6c4be;max-width:420px;font:400 15px/1.5 var(--body);margin:0}.status-note{border:1px solid color-mix(in srgb, var(--status-tone) 45%, transparent);background:color-mix(in srgb, var(--status-tone) 9%, transparent);color:color-mix(in srgb, var(--status-tone) 70%, #fff);font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:7px 14px}.status-actions{gap:10px;width:min(100%,360px);margin-top:10px;display:grid}.status-primary,.status-secondary{text-transform:uppercase;justify-content:center;align-items:center;gap:10px;min-height:52px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:flex}button.status-primary{cursor:pointer;border:0;width:100%}.status-primary{color:#03130b;font:italic 900 17px/1 var(--cond);letter-spacing:.06em;background:linear-gradient(90deg,#3be082,#4fd8e8);border-radius:14px;box-shadow:0 14px 34px -18px #3be082}.status-secondary{color:#d6e2dd;min-height:46px;font:800 13px/1 var(--cond);letter-spacing:.08em;border:1px solid #ffffff24;border-radius:12px}.status-primary:hover{transform:translateY(-1px)}.status-secondary:hover{background:#ffffff0a;border-color:#ffffff52}.status-primary:focus-visible,.status-secondary:focus-visible,.status-brand:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes status-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.status-body{animation:none}.status-primary,.status-secondary{transition:none}}