Add lightning icon before brand name

[devisexpress974]

Motivation

• The header should show a visible lightning marker before the site name DevisExpress974 on all pages to match the requested UI change.
• The change should be CSS-only so the icon appears wherever the .brandName selector is used across the site.

Description

• Updated styles.css to change the .brandName rule to display:inline-flex, center-align contents, and add spacing via gap for stable layout.
• Added a .brandName::before pseudo-element that injects the lightning glyph ⚡ and applies a subtle drop-shadow for emphasis.
• This is a purely presentational update and does not modify any HTML files or JavaScript logic.

Testing

• Performed a visual smoke test by starting a local server with python -m http.server and using Playwright to load index.html and capture a screenshot, which completed successfully and produced artifacts/brand-lightning.png.
• No unit or integration tests exist for this CSS change, and no other automated tests were run.

---

Codex Task

[netlify]

✅ Deploy Preview for devisexpress974 ready!

Name	Link
🔨 Latest commit	341f99f
🔍 Latest deploy log	https://app.netlify.com/projects/devisexpress974/deploys/69692c76503d9d00082ff25b
😎 Deploy Preview	https://deploy-preview-1--devisexpress974.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.