body { margin:0; font-family:Arial; background:#000; color:#0ff; text-align:center; }
.container { padding: 2em; }
.profile img.avatar { width: 120px; border-radius: 50%; border: 3px solid #0ff; }
.qrcodes { display:flex; justify-content:center; gap:40px; margin-top:2em; flex-wrap:wrap; }
.qrcodes .item img { width: 100px; cursor: pointer; transition: transform .3s; }
.qrcodes .item span { display:block; margin-top:0.5em; }
#zoom-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); justify-content:center; align-items:center; }
#zoom-overlay img { max-width:90%; max-height:90%; }