:root{color-scheme:light;--background:#f6f7f8;--foreground:#1f252b;--muted:#5f6973;--border:#d9dde2;--panel:#ffffff;--accent:#1c6f5b;--accent-hover:#155a4a}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.shell{display:grid;min-height:100vh;place-items:center;padding:32px}.panel{width:min(100%,680px);border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:40px;box-shadow:0 18px 45px rgba(31,37,43,.08)}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:40px;line-height:1.05}.lede{margin:18px 0 0;font-size:18px;line-height:1.55}.codeBox,.lede{color:var(--muted)}.codeBox{margin-top:24px;border:1px solid var(--border);border-radius:6px;background:#f9fafb;padding:14px 16px;font-size:14px}code{color:var(--foreground);font-family:Courier New,Courier,monospace}.form{margin-top:24px}label{display:block;margin-bottom:8px;color:var(--muted);font-size:14px;font-weight:700}.row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px}button,input{min-height:44px;border-radius:6px;font:inherit}input{width:100%;border:1px solid var(--border);padding:0 14px}button{border:0;background:var(--accent);color:#ffffff;cursor:pointer;font-weight:700;padding:0 18px}button:hover{background:var(--accent-hover)}@media (max-width:640px){.shell{padding:20px}.panel{padding:28px}h1{font-size:32px}.row{grid-template-columns:1fr}}