/* TrafficMember Cosmic 3D v1 — procedural background, no external image. */
html,body{background:transparent!important}
.tm-cosmic-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#02040b;}
.tm-cosmic-bg canvas{display:block;width:100%;height:100%;}
.tm-cosmic-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0 35%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.55) 100%);pointer-events:none}
body.tm-cosmic-front #app,body.tm-cosmic-front>main,body.tm-cosmic-front>.container{position:relative;z-index:2}
/* translucent surfaces so the animated space remains visible */
.tm-cosmic-front .card,.tm-cosmic-front .panel,.tm-cosmic-front .tm-card,.tm-cosmic-front .tm-manager-hero,.tm-cosmic-front .tm-history-card,.tm-cosmic-front .tm-review-scans-card{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background-color:rgba(5,16,31,.72)!important}
.auth-page.tm-cosmic-front .auth-shell,.auth-page.tm-cosmic-front .auth-card,.tm-modern-buyer.tm-cosmic-front .card{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media(max-width:600px){.tm-cosmic-bg::after{background:radial-gradient(ellipse at center,transparent 0 28%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.48) 100%)}}
@media(prefers-reduced-motion:reduce){.tm-cosmic-bg canvas{opacity:.92}}