:root{--bg-color: #f8f9fa;--text-dark: #212529;--text-muted: #6c757d;--link-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .08);--shadow-color-hover: rgba(0, 0, 0, .12)}body{background-color:var(--bg-color);color:var(--text-dark);font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box;background:linear-gradient(170deg,#fdfbfb,#ebedee)}#app{width:100%;max-width:600px;text-align:center}.profile-img{width:150px;height:150px;border-radius:50%;border:4px solid var(--link-bg);box-shadow:0 4px 15px var(--shadow-color);object-fit:cover;margin-bottom:20px}.profile-name{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:10px}.profile-handle{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px}.links-list{display:flex;flex-direction:column;gap:20px}.link-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 25px;border-radius:12px;background-color:var(--link-bg);color:var(--text-dark);font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px var(--shadow-color)}.link-content{display:flex;align-items:center;gap:15px}.link-item i{font-size:1.5rem;width:30px;text-align:center;color:var(--text-muted);transition:color .3s ease}.link-item img.custom-icon{width:30px;height:30px;font-size:1.5rem;text-align:center;filter:grayscale(1) brightness(3) sepia(1) hue-rotate(50deg);transition:filter .3s ease}.link-item:hover{background-color:var(--link-bg);color:var(--text-dark);box-shadow:0 6px 25px var(--shadow-color-hover);transform:translateY(-2px) scale(1.01)}.link-item:hover i{color:var(--text-dark)}.link-item:hover img.custom-icon{filter:none}.badge{background-color:#212529;color:var(--bg-color);padding:4px 8px;font-size:.8rem;text-shadow:none;border-radius:8px}.footer{margin-top:50px;color:var(--text-muted);font-size:.9rem;text-shadow:none}