:root{--bg:#050506}
body{margin:0;background:var(--bg);color:#fff;font-family:Vazirmatn,sans-serif}
.syntx-header{position:fixed;top:20px;left:5%;right:5%;padding:20px;border-radius:40px;background:#ffffff10;backdrop-filter:blur(20px)}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.neural-core{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#fff,transparent)}
.hero h1{font-size:80px}
.hero span{color:#777}
.workspace{padding:150px 8%}
#agent-canvas{height:500px;border:1px solid #ffffff18;border-radius:25px}
.panel{margin-top:20px;padding:30px;border:1px solid #ffffff18;border-radius:20px}