*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Vazirmatn,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Noto Naskh Arabic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e5e7eb;background:radial-gradient(1200px circle at 20% -10%,rgba(30,58,138,.25) 0%,transparent 50%),radial-gradient(800px circle at 80% 10%,rgba(6,182,212,.25) 0%,transparent 50%),linear-gradient(160deg,#0f172a,#1e293b)}:root{--glass-bg: rgba(255,255,255,.08);--glass-border: rgba(255,255,255,.18);--text-primary: #e5e7eb;--text-secondary: #94a3b8;--accent: #7c3aed;--accent-2: #06b6d4}.page{max-width:1100px;margin:0 auto;padding:48px 24px 56px}.page-header{display:grid;gap:12px;align-items:center;justify-items:center;margin-bottom:24px;padding:16px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px) saturate(110%);backdrop-filter:blur(10px) saturate(110%)}.page-header h1{font-size:32px;line-height:1.2;margin:0;letter-spacing:-.3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.page-header p{margin:0;font-size:14px;color:var(--text-secondary)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}app-http-demo{display:block;margin-top:8px}