.outer{width:340px;height:480px;border-radius:10px;padding:1px;background:radial-gradient(circle 230px at 0% 0%,#ff9e1f,#0c0d0d);position:relative}.dot{width:5px;aspect-ratio:1;position:absolute;background-color:#ff9e1f;box-shadow:0 0 10px #ff9e1f;border-radius:100px;z-index:2;right:10%;top:10%;animation:moveDot 6s linear infinite}@keyframes moveDot{0%,to{top:10%;right:10%}25%{top:10%;right:calc(100% - 35px)}50%{top:calc(100% - 30px);right:calc(100% - 35px)}75%{top:calc(100% - 30px);right:10%}}.card{z-index:1;width:100%;height:100%;border-radius:9px;border:solid 1px #FF9E1F33;background-size:20px 20px;background:radial-gradient(circle 280px at 0% 0%,#444,#0c0d0d);display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;color:#fff}.ray{width:220px;height:45px;border-radius:100px;position:absolute;background-color:#c7c7c7;opacity:.4;box-shadow:0 0 50px #fff;filter:blur(10px);transform-origin:10%;top:0%;left:0;transform:rotate(40deg)}.card .text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;z-index:10}.line{width:100%;height:1px;position:absolute;background-color:#2c2c2c}.topl{top:10%;background:linear-gradient(90deg,#888 30%,#1d1f1f 70%)}.bottoml{bottom:10%}.leftl{left:10%;width:1px;height:100%;background:linear-gradient(180deg,#747474 30%,#222424 70%)}.rightl{right:10%;width:1px;height:100%}