body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#fff;line-height:1.7}
.container{width:min(1300px,92%);margin:auto}
.navbar{background:#121a2f;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:28px;font-weight:800}
.logo span{color:#00f5a0}
.hero{padding:80px 0}
.hero h1{font-size:64px;line-height:1}
.hero h1 span{display:block;color:#00f5a0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px}
.card{background:#121a2f;padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.section{padding:70px 0}
.code{background:#0a0f1c;padding:20px;border-radius:14px;overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:14px;border:1px solid rgba(255,255,255,.08)}
.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(79,140,255,.15);color:#00f5a0;margin-bottom:20px}
.footer{padding:40px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:70px}
a{text-decoration:none;color:white}
.copy-btn{padding:8px 14px;background:#00f5a0;border:none;color:white;border-radius:8px;margin-bottom:10px}