:root{--eaios-glass:rgba(5,23,48,.76);--eaios-line:rgba(102,220,255,.28)}
body.eaios-module-surface{background:#020817 url('/EAIOS_MODULES_BG.svg') center/cover fixed!important;color:#eefaff}
body.eaios-module-surface::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,7,18,.18),rgba(1,7,18,.66));pointer-events:none}
body.eaios-module-surface :is(.card,[class*="Card"],[class*="card"],.module,[data-module-card]){background:linear-gradient(145deg,rgba(10,42,82,.88),var(--eaios-glass))!important;border:1px solid var(--eaios-line)!important;box-shadow:0 18px 45px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(12px);transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease}
body.eaios-module-surface :is(.card,[class*="Card"],[class*="card"],.module,[data-module-card]):hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(0,0,0,.4),0 0 26px rgba(39,196,255,.12)!important}
@media(max-width:720px){body.eaios-module-surface{background-attachment:scroll}body.eaios-module-surface :is(.card,[class*="Card"],[class*="card"],.module,[data-module-card]){backdrop-filter:blur(7px)}}
