:root{color-scheme:dark;--background:#0b0715;--surface:#171029;--surface-strong:#21163a;--border:#38235a;--text:#f7f1ff;--muted:#b9a9cf;--accent:#c084fc;--accent-strong:#8b5cf6;--success:#86efac;--danger:#fda4af}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#2a1450,var(--background) 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0}h1,h2,h3{letter-spacing:-.03em}h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin:0 0 16px}h2{margin:0 0 8px}p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:800}.hero{min-height:70vh;display:grid;align-content:center;max-width:720px}.button,button{border:0;border-radius:12px;padding:12px 17px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:white;cursor:pointer;font-weight:800}.button.secondary{background:var(--surface-strong);border:1px solid var(--border)}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.card,.grid{display:grid}.card{grid-gap:10px;gap:10px;border:1px solid var(--border);background:rgba(23,16,41,.82);border-radius:20px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.card strong{font-size:1.15rem}.card small,.muted{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.toolbar a{color:var(--muted)}.form{grid-gap:12px;gap:12px;margin-bottom:24px}.form,label{display:grid}label{grid-gap:7px;gap:7px;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px;background:#100a1f;color:var(--text);font:inherit}textarea{min-height:110px;resize:vertical}.status{color:var(--success)}.error{color:var(--danger)}.code{color:var(--muted);font-family:ui-monospace,monospace;font-size:.85rem;overflow-wrap:anywhere}@media (max-width:700px){main{padding:28px 0}.toolbar{align-items:flex-start;flex-direction:column}}