:root{--bg:#020617;--bg-elevated:#020617;--bg-soft:#020617;--border-subtle:#1e293b;--accent:#22c55e;--accent-soft:rgba(34,197,94,.1);--text:#e5e7eb;--text-muted:#9ca3af;--radius-lg:1.5rem;--radius-md:0.9rem;--shadow-strong:0 24px 80px rgba(15,23,42,.9);--shadow-soft:0 18px 50px rgba(15,23,42,.7)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:radial-gradient(circle at top,#0b1120,#020617 55%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}body{display:flex;min-height:100vh;align-items:center;justify-content:center}.page-root{width:100%;max-width:1100px;padding:1.5rem}.card-main{background:radial-gradient(circle at top left,#020617,#020617 55%);border-radius:1.75rem;border:1px solid rgba(15,23,42,.9);padding:2rem 2.25rem 2.25rem;box-shadow:var(--shadow-strong)}.page-kicker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;margin-bottom:.6rem}.page-title{font-size:2.1rem;font-weight:600;margin:0}.page-title span{color:var(--accent)}.page-subtitle{margin-top:.45rem;font-size:.95rem;color:var(--text-muted)}.page-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.25fr);grid-gap:1.75rem;gap:1.75rem;margin-top:1.75rem}@media (max-width:880px){.page-grid{grid-template-columns:minmax(0,1fr)}}.section{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:1.25rem 1.35rem;background:rgba(15,23,42,.8)}.section+.section{margin-top:1rem}.section-title{font-size:.9rem;font-weight:500;margin-bottom:.4rem}.section-subtitle{font-size:.8rem;color:var(--text-muted);margin-bottom:.8rem}.steps{display:flex;flex-direction:column;gap:.55rem}.step{display:flex;gap:.6rem;align-items:flex-start}.step-badge{width:1.3rem;height:1.3rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.step-main{font-size:.85rem}.step-main strong{font-weight:500}.step-main span{display:block;color:var(--text-muted);margin-top:.12rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.tag{font-size:.75rem;padding:.3rem .55rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);color:#cbd5f5;background:radial-gradient(circle at top,rgba(148,163,184,.12),transparent)}.api-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:1.25rem 1.35rem 1.4rem;background:radial-gradient(circle at top,#020617,#020617 60%);box-shadow:var(--shadow-soft)}.api-heading{font-size:.9rem;font-weight:500;margin-bottom:.35rem}.api-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem}.api-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.btn-primary{border:none;outline:none;cursor:pointer;border-radius:999px;padding:.45rem .95rem;font-size:.85rem;font-weight:500;background:radial-gradient(circle at top,var(--accent),#16a34a);color:#022c22;box-shadow:0 16px 50px rgba(34,197,94,.55);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .08s ease-out}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 18px 55px rgba(34,197,94,.65)}.btn-primary:active{transform:translateY(0);box-shadow:0 10px 35px rgba(34,197,94,.5)}.api-status-pill{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;background:rgba(22,163,74,.1);border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.api-output{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;border-radius:var(--radius-md);border:1px solid rgba(15,23,42,.9);padding:.7rem .8rem;background:radial-gradient(circle at top left,#020617,#020617 65%);color:#e5e7eb;overflow-x:auto}.footer-note{margin-top:.9rem;font-size:.73rem;color:var(--text-muted)}