:root { --ink:#09111f; --lime:#c7f36b; --mist:#eef3f7; --cyan:#5eead4; }
* { box-sizing:border-box; }
body { margin:0; background:var(--mist); color:var(--ink); font-family:var(--font-fa); }
.latin { font-family:var(--font-latin); direction:ltr; }
.grid-bg { background-image: linear-gradient(rgba(9,17,31,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(9,17,31,.07) 1px, transparent 1px); background-size:32px 32px; }
.noise { background-image: radial-gradient(rgba(255,255,255,.18) .7px, transparent .7px); background-size:5px 5px; }
.glow { box-shadow:0 0 0 1px rgba(199,243,107,.2), 0 24px 80px rgba(70, 160, 140, .18); }
.hero-art { background: radial-gradient(circle at 78% 20%, rgba(94,234,212,.16), transparent 27%), radial-gradient(circle at 20% 90%, rgba(199,243,107,.15), transparent 28%), #09111f; }
.scanline:after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(transparent 49%, rgba(255,255,255,.035) 50%, transparent 51%); background-size:100% 8px; mix-blend-mode:screen; }
.article-line { position:relative; }
.article-line:after { content:''; position:absolute; bottom:-17px; right:0; left:0; height:1px; background:rgba(9,17,31,.14); }