.cardputer-visual{background:radial-gradient(circle at 50% 28%,rgba(184,255,85,.22),transparent 10rem),linear-gradient(145deg,rgba(6,18,17,.65),rgba(8,12,13,.96))}
.cardputer-visual:before{content:"";position:absolute;left:18%;top:22%;width:64%;height:56%;border-radius:12px;background:linear-gradient(145deg,#d8e0db,#73817b 55%,#27332f);box-shadow:0 18px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.6)}
.cardputer-visual:after{content:"";position:absolute;left:25%;right:25%;top:29%;height:24%;border-radius:4px;background:linear-gradient(135deg,rgba(42,171,211,.42),rgba(3,13,16,.94));border:1px solid rgba(42,171,211,.45);box-shadow:0 0 22px rgba(42,171,211,.3)}
.cardputer-visual span{position:absolute;z-index:1;bottom:27%;width:9%;height:7%;border-radius:2px;background:#26332f;box-shadow:0 0 0 1px rgba(3,7,6,.24)}
.cardputer-visual span:nth-child(1){left:29%}.cardputer-visual span:nth-child(2){left:45%}.cardputer-visual span:nth-child(3){right:29%}
.cardputer-visual span:after{content:"";position:absolute;right:-.32rem;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}