:root{--c1:#FF7A1A;--c2:#FFC43D;--bg:#15171C;--card:rgba(255,255,255,.04);--line:rgba(255,255,255,.09);--muted:#9aa3b8;--text:#eef1f8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'Space Grotesk','Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--c1)}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}nav .brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:20px;color:var(--text);text-decoration:none}nav img{width:38px;height:38px;border-radius:10px}
nav .links a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:15px}nav .links a:hover{color:var(--text)}
.hero{position:relative;padding:72px 0 56px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero:before{content:"";position:absolute;right:-10%;top:-20%;width:620px;height:620px;background:radial-gradient(circle,var(--c1) 0,transparent 62%);opacity:.16;filter:blur(40px);z-index:-1}
h1{font-size:56px;line-height:1.05;margin:0 0 18px;letter-spacing:-.02em}h1 span{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--muted);max-width:560px}.cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-size:16px;font-family:inherit}
.btn.primary{background:linear-gradient(90deg,var(--c1),var(--c2));color:var(--bg)}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}
.heroimg{width:100%;max-width:340px;justify-self:center;border-radius:28%;box-shadow:0 30px 80px -20px var(--c1)}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.pill{font-size:13px;padding:5px 11px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
section{padding:46px 0}h2{font-size:32px;margin:0 0 22px;letter-spacing:-.01em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:15px}
.cmd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--c1);font-size:14px}
.embed{background:#2b2d31;border-left:4px solid var(--c1);border-radius:6px;padding:14px 16px;font-size:14px;color:#dbdee1;max-width:440px}.embed b{color:#fff}.embed .f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.embed small{color:#949ba4}
table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}th{color:var(--muted);font-weight:500}
footer{padding:36px 0 60px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);margin-top:30px}
.panel{max-width:520px;margin:30px auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px}
label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);font:inherit}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);font-size:15px}.kv span:first-child{color:var(--muted)}
.note{font-size:13px;color:var(--muted);margin-top:14px}.warn{background:rgba(255,180,0,.1);border:1px solid rgba(255,180,0,.35);color:#ffd27a;padding:10px 12px;border-radius:10px;font-size:14px;margin-top:12px}
.ok{background:rgba(40,200,120,.1);border:1px solid rgba(40,200,120,.35);color:#8ff0bf;padding:10px 12px;border-radius:10px;font-size:14px;margin-top:12px;word-break:break-all}
.err{background:rgba(255,70,70,.1);border:1px solid rgba(255,70,70,.35);color:#ff9d9d;padding:10px 12px;border-radius:10px;font-size:14px;margin-top:12px}
@media(max-width:800px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}h1{font-size:40px}.heroimg{max-width:200px}}