body{margin:0;font-family:Arial;background:#000;color:#fff;height:100vh}
.topbar{padding:10px;text-align:center;font-size:14px}
.card{width:90%;max-width:360px;margin:20px auto;text-align:center}
.profile{width:100%;aspect-ratio:1/1;border-radius:12px;background:#333}
.status{margin:10px}
.dot{height:10px;width:10px;background:lime;border-radius:50%;display:inline-block;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.3}}
button{width:100%;padding:15px;border:none;border-radius:10px;background:#00c853;color:#fff;font-size:18px}
.popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7)}
.popup-box{background:#111;margin:40% auto;padding:20px;width:80%;text-align:center;border-radius:10px}