*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#050711,#0f172a);color:#e5e7eb;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.nav{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 24px;background:rgba(0,0,0,.28);border-bottom:1px solid rgba(255,255,255,.1)}.nav span{color:#38bdf8}.nav a,.btn{color:#e5e7eb;text-decoration:none;border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06)}.hero{max-width:1100px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}h1{font-size:clamp(32px,6vw,58px);line-height:1;margin:0 0 18px}.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px}.muted{color:#9ca3af}code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:6px}@media(max-width:800px){.hero{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}}