/* ============================================================
   UNIQUE PER-PAGE GOLD ILLUSTRATIONS
   8 categories × bold shiny SVG patterns with personality
   ============================================================ */

/* =========================
   1. HOME — Circuit board + all tech icons
   ========================= */
body[data-page="home"]::before {
    opacity: 0.22;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23f8dd8c'/%3E%3Cstop offset='100%25' stop-color='%23d69f26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23a)' stroke-linecap='round'%3E%3Cpath d='M20 100H90L105 85H180V40H260L275 55H380' stroke-width='2' opacity='.55'/%3E%3Cpath d='M380 55V20H450' stroke-width='2' opacity='.4'/%3E%3Cpath d='M20 280H80V230H160L175 250H270' stroke-width='2' opacity='.5'/%3E%3Cpath d='M270 250H340V300H420L435 285H490' stroke-width='2' opacity='.38'/%3E%3Cpath d='M30 400H110L125 385H210V430H300L315 415H400' stroke-width='2' opacity='.42'/%3E%3Cpath d='M400 415V455H470' stroke-width='1.5' opacity='.3'/%3E%3C/g%3E%3Cg fill='%23f8dd8c'%3E%3Ccircle cx='90' cy='100' r='5' opacity='.7'/%3E%3Ccircle cx='90' cy='100' r='12' opacity='.12'/%3E%3Ccircle cx='180' cy='40' r='5' opacity='.6'/%3E%3Ccircle cx='380' cy='55' r='6' opacity='.5'/%3E%3Ccircle cx='380' cy='55' r='14' opacity='.08'/%3E%3Ccircle cx='270' cy='250' r='5' opacity='.55'/%3E%3Ccircle cx='110' cy='400' r='5' opacity='.45'/%3E%3Ccircle cx='400' cy='415' r='5' opacity='.4'/%3E%3C/g%3E%3Cg fill='%23f8dd8c' font-family='monospace' font-weight='bold'%3E%3Ctext x='290' y='140' font-size='30' opacity='.3'%3E%26lt;/%26gt;%3C/text%3E%3Ctext x='60' y='200' font-size='26' opacity='.22'%3E%7B%7D%3C/text%3E%3Ctext x='350' y='220' font-size='20' opacity='.18'%3E01010%3C/text%3E%3Ctext x='40' y='350' font-size='18' opacity='.16'%3Efn()%3C/text%3E%3Ctext x='420' y='360' font-size='16' opacity='.14'%3E.app%3C/text%3E%3C/g%3E%3Cg fill='none' stroke='%23f8dd8c'%3E%3Crect x='140' y='120' width='65' height='65' rx='7' stroke-width='1.8' opacity='.28'/%3E%3Cg stroke-width='1.2' opacity='.22'%3E%3Cpath d='M150 120V107M160 120V107M170 120V107M180 120V107M190 120V107'/%3E%3Cpath d='M150 185V198M160 185V198M170 185V198M180 185V198M190 185V198'/%3E%3C/g%3E%3Ccircle cx='172' cy='152' r='12' stroke-width='1' opacity='.18'/%3E%3Crect x='60' y='420' width='55' height='38' rx='4' stroke-width='1.5' opacity='.22'/%3E%3Cpath d='M76 458V468M98 458V468M70 468H104' stroke-width='1' opacity='.16'/%3E%3Crect x='240' y='310' width='28' height='48' rx='5' stroke-width='1.5' opacity='.24'/%3E%3Ccircle cx='254' cy='348' r='3' stroke-width='1' opacity='.16'/%3E%3Cpath d='M430 80Q448 60 466 80M424 90Q448 52 472 90M418 100Q448 44 478 100' stroke-width='1.5' opacity='.3'/%3E%3Ccircle cx='448' cy='92' r='3.5' fill='%23f8dd8c' stroke='none' opacity='.35'/%3E%3Ccircle cx='320' cy='390' r='24' stroke-width='1.8' opacity='.2'/%3E%3Ccircle cx='320' cy='390' r='13' stroke-width='1' opacity='.15'/%3E%3Cpath d='M320 363V356M320 417V424M293 390H286M347 390H354' stroke-width='2' opacity='.16'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}
body[data-page="home"]::after {
    opacity: 0.07;
    background-image: radial-gradient(circle, #f8dd8c 1px, transparent 1px);
    background-size: 36px 36px;
    background-repeat: repeat;
}

/* =========================
   2. MOBILE APP — Phones, app screens, play buttons
   ========================= */
body[data-page="mobile-app-abuja"]::before,
body[data-page="article-mobile-app"]::before,
body[data-page="mobile-app-training-asaba"]::before {
    opacity: 0.20;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Crect x='50' y='40' width='80' height='140' rx='12' stroke-width='2' opacity='.4'/%3E%3Cline x1='70' y1='56' x2='110' y2='56' stroke-width='1.2' opacity='.25'/%3E%3Ccircle cx='90' cy='162' r='6' stroke-width='1.2' opacity='.22'/%3E%3Crect x='62' y='68' width='56' height='80' rx='4' stroke-width='1' opacity='.18'/%3E%3Cpath d='M78 100L102 112L78 124Z' fill='%23f8dd8c' stroke='none' opacity='.2'/%3E%3Crect x='300' y='100' width='100' height='170' rx='14' stroke-width='2.5' opacity='.35'/%3E%3Cline x1='325' y1='118' x2='375' y2='118' stroke-width='1.5' opacity='.22'/%3E%3Ccircle cx='350' cy='252' r='7' stroke-width='1.5' opacity='.2'/%3E%3Crect x='315' y='132' width='70' height='100' rx='5' stroke-width='1' opacity='.15'/%3E%3Cg stroke-width='1' opacity='.12'%3E%3Crect x='320' y='140' width='28' height='18' rx='3'/%3E%3Crect x='352' y='140' width='28' height='18' rx='3'/%3E%3Crect x='320' y='164' width='28' height='18' rx='3'/%3E%3Crect x='352' y='164' width='28' height='18' rx='3'/%3E%3C/g%3E%3Crect x='180' y='300' width='60' height='105' rx='10' stroke-width='1.8' opacity='.3'/%3E%3Ccircle cx='210' cy='388' r='5' stroke-width='1' opacity='.18'/%3E%3Cpath d='M195 340L225 355L195 370Z' fill='%23efc756' stroke='none' opacity='.18'/%3E%3Cpath d='M420 40H480V110L460 130H420Z' stroke-width='1.5' opacity='.2'/%3E%3Ctext x='430' y='80' fill='%23f8dd8c' font-family='monospace' font-size='18' stroke='none' opacity='.18'%3EApp%3C/text%3E%3Ccircle cx='100' cy='300' r='35' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M85 300L115 300M100 285V315' stroke-width='2' opacity='.16'/%3E%3Cpath d='M380 350Q400 330 420 350M374 360Q400 320 426 360' stroke-width='1.5' opacity='.22'/%3E%3Ccircle cx='400' cy='355' r='3' fill='%23f8dd8c' stroke='none' opacity='.25'/%3E%3Ctext x='20' y='480' fill='%23f8dd8c' font-family='monospace' font-size='16' stroke='none' opacity='.14'%3EFlutter%3C/text%3E%3Ctext x='350' y='460' fill='%23efc756' font-family='monospace' font-size='14' stroke='none' opacity='.12'%3EReact Native%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   3. WEB DEV — Browser windows, HTML tags, responsive layouts
   ========================= */
body[data-page="website-dev-abuja"]::before,
body[data-page="article-web-dev"]::before {
    opacity: 0.20;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Crect x='40' y='50' width='180' height='130' rx='8' stroke-width='2' opacity='.35'/%3E%3Cline x1='40' y1='76' x2='220' y2='76' stroke-width='1.5' opacity='.25'/%3E%3Ccircle cx='56' cy='63' r='4' fill='%23E87040' stroke='none' opacity='.35'/%3E%3Ccircle cx='70' cy='63' r='4' fill='%23F0A842' stroke='none' opacity='.35'/%3E%3Ccircle cx='84' cy='63' r='4' fill='%232BA89E' stroke='none' opacity='.35'/%3E%3Cg stroke-width='1' opacity='.15'%3E%3Crect x='52' y='86' width='70' height='8' rx='2'/%3E%3Crect x='52' y='102' width='50' height='6' rx='2'/%3E%3Crect x='52' y='114' width='60' height='6' rx='2'/%3E%3Crect x='52' y='126' width='40' height='6' rx='2'/%3E%3Crect x='140' y='86' width='65' height='80' rx='4'/%3E%3C/g%3E%3Crect x='280' y='140' width='160' height='120' rx='8' stroke-width='2' opacity='.3'/%3E%3Cline x1='280' y1='166' x2='440' y2='166' stroke-width='1.2' opacity='.2'/%3E%3Ccircle cx='296' cy='153' r='3.5' fill='%23E87040' stroke='none' opacity='.3'/%3E%3Ccircle cx='308' cy='153' r='3.5' fill='%23F0A842' stroke='none' opacity='.3'/%3E%3Ccircle cx='320' cy='153' r='3.5' fill='%232BA89E' stroke='none' opacity='.3'/%3E%3Cg stroke-width='.8' opacity='.12'%3E%3Crect x='290' y='176' width='60' height='70' rx='3'/%3E%3Crect x='358' y='176' width='72' height='34' rx='3'/%3E%3Crect x='358' y='216' width='72' height='34' rx='3'/%3E%3C/g%3E%3Ctext x='80' y='260' fill='%23f8dd8c' font-family='monospace' font-size='32' stroke='none' font-weight='bold' opacity='.28'%3E%26lt;html%26gt;%3C/text%3E%3Ctext x='300' y='340' fill='%23efc756' font-family='monospace' font-size='22' stroke='none' opacity='.18'%3E%26lt;/div%26gt;%3C/text%3E%3Ctext x='50' y='380' fill='%23f8dd8c' font-family='monospace' font-size='16' stroke='none' opacity='.14'%3E.container %7B%3C/text%3E%3Ctext x='60' y='400' fill='%23efc756' font-family='monospace' font-size='14' stroke='none' opacity='.12'%3E  display: grid;%3C/text%3E%3Ctext x='50' y='420' fill='%23f8dd8c' font-family='monospace' font-size='16' stroke='none' opacity='.12'%3E%7D%3C/text%3E%3Crect x='320' y='370' width='40' height='65' rx='6' stroke-width='1.5' opacity='.2'/%3E%3Cline x1='330' y1='382' x2='350' y2='382' stroke-width='1' opacity='.14'/%3E%3Cpath d='M160 320H220V390L200 410H160Z' stroke-width='1.2' opacity='.16'/%3E%3Ccircle cx='420' cy='60' r='28' stroke-width='1.5' opacity='.18'/%3E%3Cellipse cx='420' cy='60' rx='14' ry='28' stroke-width='1' opacity='.14'/%3E%3Cpath d='M392 52H448M392 68H448' stroke-width='.8' opacity='.10'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   4. SOFTWARE — Gears, databases, code terminals
   ========================= */
body[data-page="software-company-abuja"]::before,
body[data-page="article-software"]::before,
body[data-page="software-training-asaba"]::before,
body[data-page="tech-company-asaba"]::before {
    opacity: 0.20;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Ccircle cx='100' cy='100' r='40' stroke-width='2' opacity='.3'/%3E%3Ccircle cx='100' cy='100' r='22' stroke-width='1.5' opacity='.22'/%3E%3Cpath d='M100 55V45M100 145V155M55 100H45M145 100H155M72 72L65 65M128 128L135 135M72 128L65 135M128 72L135 65' stroke-width='2.5' opacity='.24'/%3E%3Ccircle cx='280' cy='80' r='30' stroke-width='1.8' opacity='.22'/%3E%3Ccircle cx='280' cy='80' r='16' stroke-width='1.2' opacity='.16'/%3E%3Cpath d='M280 46V38M280 114V122M246 80H238M314 80H322M260 60L254 54M300 100L306 106M260 100L254 106M300 60L306 54' stroke-width='2' opacity='.18'/%3E%3Crect x='40' y='260' width='160' height='100' rx='8' stroke-width='2' opacity='.3'/%3E%3Cpath d='M40 286H200' stroke-width='1.2' opacity='.2'/%3E%3Ccircle cx='55' cy='273' r='3.5' fill='%23E87040' stroke='none' opacity='.3'/%3E%3Ccircle cx='66' cy='273' r='3.5' fill='%23F0A842' stroke='none' opacity='.3'/%3E%3Ccircle cx='77' cy='273' r='3.5' fill='%232BA89E' stroke='none' opacity='.3'/%3E%3Ctext x='52' y='308' fill='%232BA89E' font-family='monospace' font-size='13' stroke='none' opacity='.25'%3E$ npm run build%3C/text%3E%3Ctext x='52' y='324' fill='%23f8dd8c' font-family='monospace' font-size='11' stroke='none' opacity='.18'%3Ecompiled successfully%3C/text%3E%3Ctext x='52' y='340' fill='%23efc756' font-family='monospace' font-size='13' stroke='none' opacity='.2'%3E$ _%3C/text%3E%3Cellipse cx='380' cy='260' rx='60' ry='20' stroke-width='2' opacity='.28'/%3E%3Cpath d='M320 260V310C320 322 380 332 440 310V260' stroke-width='1.5' opacity='.2'/%3E%3Cellipse cx='380' cy='310' rx='60' ry='20' stroke-width='1' opacity='.14'/%3E%3Cpath d='M320 310V360C320 372 380 382 440 360V310' stroke-width='1' opacity='.12'/%3E%3Cellipse cx='380' cy='360' rx='60' ry='20' stroke-width='.8' opacity='.10'/%3E%3Ctext x='300' y='430' fill='%23f8dd8c' font-family='monospace' font-size='24' stroke='none' font-weight='bold' opacity='.22'%3EAPI%3C/text%3E%3Ctext x='80' y='430' fill='%23efc756' font-family='monospace' font-size='18' stroke='none' opacity='.16'%3Eclass App%3C/text%3E%3Cpath d='M250 170H310V200H250Z' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M280 200V230' stroke-width='1.5' opacity='.14'/%3E%3Crect x='250' y='230' width='60' height='15' rx='3' stroke-width='1' opacity='.12'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   5. AI TRAINING — Brain, neural net, ChatGPT bubbles
   ========================= */
body[data-page="ai-training-abuja"]::before,
body[data-page="ai-training-nigeria"]::before,
body[data-page="learning-ai-asaba"]::before,
body[data-page="ai-masterclass-asaba"]::before,
body[data-page="ai-assisted-coding-asaba"]::before {
    opacity: 0.20;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Ccircle cx='250' cy='120' r='55' stroke-width='2' opacity='.28'/%3E%3Cpath d='M220 100C220 80 250 70 260 90M240 95C250 75 275 80 270 100M230 130C215 120 220 100 240 105M260 130C275 120 270 100 255 105M245 110C245 100 255 100 255 110' stroke-width='1.5' opacity='.2'/%3E%3Cg stroke-width='1' opacity='.3'%3E%3Ccircle cx='100' cy='250' r='8' fill='%23f8dd8c' opacity='.3'/%3E%3Ccircle cx='180' cy='200' r='8' fill='%23f8dd8c' opacity='.25'/%3E%3Ccircle cx='250' cy='250' r='10' fill='%23efc756' opacity='.25'/%3E%3Ccircle cx='320' cy='200' r='8' fill='%23f8dd8c' opacity='.25'/%3E%3Ccircle cx='400' cy='250' r='8' fill='%23f8dd8c' opacity='.3'/%3E%3Ccircle cx='140' cy='330' r='7' fill='%23efc756' opacity='.2'/%3E%3Ccircle cx='250' cy='340' r='9' fill='%23f8dd8c' opacity='.2'/%3E%3Ccircle cx='360' cy='330' r='7' fill='%23efc756' opacity='.2'/%3E%3C/g%3E%3Cg stroke-width='1' opacity='.15'%3E%3Cline x1='100' y1='250' x2='180' y2='200'/%3E%3Cline x1='100' y1='250' x2='250' y2='250'/%3E%3Cline x1='180' y1='200' x2='250' y2='250'/%3E%3Cline x1='180' y1='200' x2='320' y2='200'/%3E%3Cline x1='250' y1='250' x2='320' y2='200'/%3E%3Cline x1='250' y1='250' x2='400' y2='250'/%3E%3Cline x1='320' y1='200' x2='400' y2='250'/%3E%3Cline x1='100' y1='250' x2='140' y2='330'/%3E%3Cline x1='180' y1='200' x2='250' y2='340'/%3E%3Cline x1='250' y1='250' x2='250' y2='340'/%3E%3Cline x1='320' y1='200' x2='250' y2='340'/%3E%3Cline x1='400' y1='250' x2='360' y2='330'/%3E%3Cline x1='140' y1='330' x2='250' y2='340'/%3E%3Cline x1='250' y1='340' x2='360' y2='330'/%3E%3C/g%3E%3Crect x='40' y='380' width='140' height='50' rx='25' stroke-width='1.8' opacity='.22'/%3E%3Ctext x='60' y='412' fill='%23f8dd8c' font-family='monospace' font-size='14' stroke='none' opacity='.2'%3EPrompt...%3C/text%3E%3Crect x='300' y='400' width='160' height='60' rx='14' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M300 440L280 455L300 445' stroke-width='1.2' opacity='.14'/%3E%3Ctext x='316' y='425' fill='%232BA89E' font-family='monospace' font-size='11' stroke='none' opacity='.16'%3EHere is your%3C/text%3E%3Ctext x='316' y='442' fill='%232BA89E' font-family='monospace' font-size='11' stroke='none' opacity='.14'%3Eanalysis...%3C/text%3E%3Ctext x='60' y='60' fill='%23f8dd8c' font-family='monospace' font-size='28' stroke='none' font-weight='bold' opacity='.22'%3EAI%3C/text%3E%3Ctext x='370' y='80' fill='%23efc756' font-family='monospace' font-size='16' stroke='none' opacity='.14'%3EChatGPT%3C/text%3E%3Ctext x='370' y='100' fill='%23efc756' font-family='monospace' font-size='14' stroke='none' opacity='.12'%3EClaude%3C/text%3E%3Ctext x='370' y='118' fill='%23efc756' font-family='monospace' font-size='14' stroke='none' opacity='.10'%3EGemini%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   6. SERVICES / ABOUT / TESTIMONIALS — Stars, handshake, checkmarks
   ========================= */
body[data-page="services"]::before,
body[data-page="about"]::before,
body[data-page="testimonials"]::before {
    opacity: 0.18;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Cpolygon points='80,30 90,60 122,60 96,78 106,110 80,90 54,110 64,78 38,60 70,60' stroke-width='1.8' opacity='.28'/%3E%3Cpolygon points='400,60 408,82 432,82 412,96 420,118 400,104 380,118 388,96 368,82 392,82' stroke-width='1.5' opacity='.2'/%3E%3Cpolygon points='240,420 247,438 266,438 250,450 256,468 240,456 224,468 230,450 214,438 233,438' stroke-width='1.2' opacity='.16'/%3E%3Cpath d='M60 250C60 220 100 210 120 230C140 210 180 220 180 250C180 290 120 310 120 310C120 310 60 290 60 250Z' stroke-width='2' opacity='.22'/%3E%3Ccircle cx='350' cy='250' r='45' stroke-width='2' opacity='.25'/%3E%3Cpath d='M325 250L345 270L380 235' stroke-width='3' opacity='.3'/%3E%3Crect x='60' y='350' width='120' height='80' rx='12' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M75 395H165M75 408H135' stroke-width='1' opacity='.12'/%3E%3Cpath d='M80 368L95 358L110 368L125 355L140 368L155 360L165 368' stroke-width='1.2' opacity='.14'/%3E%3Cpath d='M300 350L340 370L380 350L380 410L340 430L300 410Z' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M340 370V430' stroke-width='1' opacity='.12'/%3E%3Cpath d='M340 370L380 350' stroke-width='1' opacity='.10'/%3E%3Ctext x='180' y='170' fill='%23f8dd8c' font-family='monospace' font-size='18' stroke='none' opacity='.16'%3E5.0 / 5.0%3C/text%3E%3Ctext x='300' y='170' fill='%23efc756' font-family='monospace' font-size='14' stroke='none' opacity='.12'%3E120+ clients%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   7. BLOG / ARTICLES — Pencil, document, code blocks
   ========================= */
body[data-page="blog"]::before,
body[data-page="flutter-react-native"]::before,
body[data-page="build-mvp-nigeria"]::before,
body[data-page="mvp-cost-nigeria"]::before,
body[data-page="mvp-lagos"]::before,
body[data-page="best-programmers-asaba-2024"]::before,
body[data-page="dev-training-abuja"]::before {
    opacity: 0.18;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Crect x='60' y='50' width='130' height='170' rx='6' stroke-width='2' opacity='.28'/%3E%3Cpath d='M80 82H170M80 100H160M80 118H150M80 136H140M80 154H120' stroke-width='1.2' opacity='.16'/%3E%3Cpath d='M85 62L105 62' stroke-width='1.5' opacity='.2'/%3E%3Crect x='300' y='80' width='140' height='160' rx='6' stroke-width='1.8' opacity='.24'/%3E%3Cpath d='M300 110H440' stroke-width='1.2' opacity='.18'/%3E%3Ccircle cx='314' cy='95' r='3.5' fill='%23E87040' stroke='none' opacity='.25'/%3E%3Ccircle cx='326' cy='95' r='3.5' fill='%23F0A842' stroke='none' opacity='.25'/%3E%3Ccircle cx='338' cy='95' r='3.5' fill='%232BA89E' stroke='none' opacity='.25'/%3E%3Ctext x='312' y='132' fill='%232BA89E' font-family='monospace' font-size='11' stroke='none' opacity='.18'%3Econst app =%3C/text%3E%3Ctext x='320' y='148' fill='%23f8dd8c' font-family='monospace' font-size='11' stroke='none' opacity='.15'%3E  express();%3C/text%3E%3Ctext x='312' y='168' fill='%23efc756' font-family='monospace' font-size='11' stroke='none' opacity='.14'%3Eapp.listen(%3C/text%3E%3Ctext x='320' y='184' fill='%23f8dd8c' font-family='monospace' font-size='11' stroke='none' opacity='.12'%3E  3000);%3C/text%3E%3Cpath d='M230 320L250 280L270 320L256 312V360L244 360V312Z' stroke-width='1.8' opacity='.2'/%3E%3Ccircle cx='250' cy='380' r='12' stroke-width='1.5' opacity='.14'/%3E%3Crect x='80' y='320' width='100' height='70' rx='8' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M95 342H165M95 355H155M95 368H140' stroke-width='1' opacity='.12'/%3E%3Crect x='350' y='320' width='90' height='110' rx='6' stroke-width='1.2' opacity='.16'/%3E%3Cpath d='M365 340H425M365 356H420M365 372H410M365 388H400' stroke-width='.8' opacity='.10'/%3E%3Ctext x='100' y='470' fill='%23f8dd8c' font-family='monospace' font-size='22' stroke='none' font-weight='bold' opacity='.2'%3EBLOG%3C/text%3E%3Ctext x='320' y='470' fill='%23efc756' font-family='monospace' font-size='16' stroke='none' opacity='.14'%3ERead More%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   8. CONTACT / PROJECTS — Map pin, envelope, portfolio
   ========================= */
body[data-page="contact"]::before,
body[data-page="projects"]::before {
    opacity: 0.18;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg fill='none' stroke='%23f8dd8c' stroke-linecap='round'%3E%3Cpath d='M100 180C100 120 60 80 100 40C140 80 100 120 100 180Z' stroke-width='2.5' opacity='.3'/%3E%3Ccircle cx='100' cy='90' r='14' stroke-width='1.5' opacity='.22'/%3E%3Cpath d='M40 280H200V380L120 340L40 380Z' stroke-width='2' opacity='.25'/%3E%3Cpath d='M40 280L120 320L200 280' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M40 280L120 340' stroke-width='1' opacity='.12'/%3E%3Cpath d='M200 280L120 340' stroke-width='1' opacity='.12'/%3E%3Ccircle cx='350' cy='100' r='50' stroke-width='2' opacity='.22'/%3E%3Cellipse cx='350' cy='100' rx='25' ry='50' stroke-width='1.2' opacity='.16'/%3E%3Cpath d='M300 90H400M300 110H400' stroke-width='1' opacity='.12'/%3E%3Crect x='300' y='240' width='150' height='100' rx='10' stroke-width='2' opacity='.22'/%3E%3Crect x='320' y='260' width='48' height='34' rx='4' stroke-width='1' opacity='.14'/%3E%3Crect x='380' y='260' width='48' height='34' rx='4' stroke-width='1' opacity='.14'/%3E%3Crect x='320' y='300' width='108' height='28' rx='4' stroke-width='1' opacity='.10'/%3E%3Cpath d='M80 420H180V470H80Z' stroke-width='1.5' opacity='.18'/%3E%3Cpath d='M100 420V400H160V420' stroke-width='1.5' opacity='.16'/%3E%3Ccircle cx='130' cy='445' r='6' stroke-width='1' opacity='.12'/%3E%3Ctext x='300' y='420' fill='%23f8dd8c' font-family='monospace' font-size='20' stroke='none' font-weight='bold' opacity='.2'%3EHello!%3C/text%3E%3Ctext x='300' y='445' fill='%23efc756' font-family='monospace' font-size='14' stroke='none' opacity='.14'%3ELet's build%3C/text%3E%3Cpath d='M400 380Q420 360 440 380M394 390Q420 350 446 390' stroke-width='1.5' opacity='.2'/%3E%3Ccircle cx='420' cy='385' r='3' fill='%23f8dd8c' stroke='none' opacity='.25'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 500px 500px;
    background-repeat: repeat;
}

/* =========================
   SHARED: Gold dot grid for ::after on all pages
   ========================= */
body[data-page]::after {
    opacity: 0.06;
    background-image: radial-gradient(circle, #f8dd8c 1px, transparent 1px);
    background-size: 36px 36px;
    background-repeat: repeat;
}