/* TrafficMember Cosmic 3D v3 — visible procedural galaxy / black-hole background */
html,body{min-height:100%;background:#010208!important}
body.tm-cosmic-front{position:relative;overflow-x:hidden;background:transparent!important;isolation:isolate}
.tm-cosmic-bg{position:fixed;inset:0;z-index:0;display:block;overflow:hidden;pointer-events:none;background:#010208}
.tm-cosmic-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
/* CSS fallback/glow makes the effect visible even if canvas is delayed */
.tm-cosmic-bg::before{content:"";position:absolute;z-index:1;left:50%;top:51%;width:min(110vw,1100px);height:min(52vw,520px);transform:translate(-50%,-50%) rotate(-12deg) scale(.92,.62);border-radius:50%;background:conic-gradient(from 10deg,rgba(70,120,255,0) 0deg,rgba(85,150,255,.16) 55deg,rgba(205,130,255,.34) 105deg,rgba(255,205,150,.18) 155deg,rgba(65,125,255,.30) 220deg,rgba(95,90,255,.10) 285deg,rgba(70,120,255,0) 360deg);filter:blur(20px);opacity:.9;animation:tmGalaxyFallback 18s linear infinite;transform-origin:center}
.tm-cosmic-bg::after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 50% 50%,transparent 0 17%,rgba(0,0,8,.08) 42%,rgba(0,0,8,.55) 100%),radial-gradient(circle at 50% 50%,rgba(180,150,255,.12),transparent 38%);}
@keyframes tmGalaxyFallback{from{transform:translate(-50%,-50%) rotate(-12deg) scale(.92,.62)}to{transform:translate(-50%,-50%) rotate(348deg) scale(.92,.62)}}
body.tm-cosmic-front>header,body.tm-cosmic-front>main,body.tm-cosmic-front>footer,body.tm-cosmic-front>.site-header{position:relative;z-index:10}
.tm-cosmic-front .hero,.tm-cosmic-front .section,.tm-cosmic-front .trust-section,.tm-cosmic-front .rate-section,.tm-cosmic-front .contact{background:transparent!important}
.tm-cosmic-front .hero-card,.tm-cosmic-front .dashboard-preview,.tm-cosmic-front .service-grid article,.tm-cosmic-front .pricing-grid article,.tm-cosmic-front .hero-card>div,.tm-cosmic-front .features>div{background:rgba(7,17,38,.30)!important;border:1px solid rgba(170,205,255,.18)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tm-cosmic-front .cta,.tm-cosmic-front .ghost,.tm-cosmic-front .login{background:linear-gradient(135deg,rgba(100,190,255,.18),rgba(150,90,255,.18))!important;border:1px solid rgba(225,240,255,.40)!important;color:#fff!important;border-radius:16px!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 10px 30px rgba(50,100,255,.16)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.tm-cosmic-front .cta:hover,.tm-cosmic-front .ghost:hover,.tm-cosmic-front .login:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(100,200,255,.30),rgba(165,100,255,.30))!important;border-color:rgba(245,250,255,.65)!important}
.tm-cosmic-front footer{background:rgba(2,5,14,.22)!important;border-color:rgba(170,205,255,.14)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(max-width:700px){.tm-cosmic-bg::before{width:145vw;height:65vw;filter:blur(16px);opacity:.95}.tm-cosmic-front .cta,.tm-cosmic-front .ghost,.tm-cosmic-front .login{border-radius:14px!important}}
@media(prefers-reduced-motion:reduce){.tm-cosmic-bg::before{animation:none}.tm-cosmic-bg canvas{opacity:.95}}