*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height: 100vh;padding: 20px;color: #333;display: flex;align-items: center;justify-content: center}.container{max-width: 1550px;margin: 0 auto;padding: 10px}.header{text-align: center;margin-bottom: 50px}.profile-image{width: 120px;height: 120px;border-radius: 50%;background: linear-gradient(45deg, #ff6b6b, #4ecdc4);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 48px;color: white;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);background-image: url(https://cdn-icons-png.flaticon.com/512/2574/2574944.png);background-repeat: no-repeat;background-size: 80%;background-position: center}.profile-name{font-size: 32px;font-weight: 700;color: white;margin-bottom: 10px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)}.profile-bio{font-size: 16px;color: rgba(255, 255, 255, 0.9);max-width: 500px;margin: 0 auto}.links-grid{display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}.link-card{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 16px;padding: 20px;text-decoration: none;color: white;transition: all 0.3s ease;display: flex;align-items: center;position: relative;overflow: hidden;min-height: 80px}.link-card::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s}.link-card:hover::before{left: 100%}.link-card:hover{transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);background: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.3)}.link-icon{width: 50px;height: 50px;border-radius: 12px;background: linear-gradient(45deg, #ff6b6b, #4ecdc4);display: flex;align-items: center;justify-content: center;margin-right: 20px;font-size: 24px;flex-shrink: 0;transition: transform 0.3s ease;background-repeat: no-repeat;background-size: 100%;background-position: center}.icon-1{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00015.png)}.icon-2{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00017.png)}.icon-3{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00018.png)}.icon-4{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00019.png)}.icon-5{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00020.png)}.icon-6{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00021.png)}.icon-7{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00022.png)}.icon-8{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00023.png)}.icon-9{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00024.png)}.icon-10{background-image: url(https://cdn-taqiulabrar.vercel.app/img/00025.png)}.link-card:hover .link-icon{transform: rotate(5deg) scale(1.1)}.link-content{flex: 1}.link-title{font-size: 18px;font-weight: 600;margin-bottom: 5px}.link-description{font-size: 14px;color: rgba(255, 255, 255, 0.8);line-height: 1.4}.arrow-icon{width: 24px;height: 24px;opacity: 0;transform: translateX(-10px);transition: all 0.3s ease;flex-shrink: 0;margin-left: 15px}.link-card:hover .arrow-icon{opacity: 1;transform: translateX(0)}.footer{text-align: center;margin-top: 50px;padding: 20px;color: rgba(255, 255, 255, 0.7);font-size: 14px}.footer p a{font-weight: 600;text-decoration: none;color: rgb(207, 197, 228)}.footer p a:hover{transition: all 0.3s ease;color: rgb(198, 182, 238)}@media (max-width: 768px) and (min-width: 481px){.links-grid{grid-template-columns: repeat(2, 1fr);gap: 15px}.link-card{padding: 15px;min-height: 70px}.link-icon{width: 40px;height: 40px;font-size: 20px;margin-right: 15px}.link-title{font-size: 16px}.link-description{font-size: 13px}}@media (max-width: 480px){.container{padding: 15px}.links-grid{grid-template-columns: 1fr;gap: 12px}.profile-image{width: 100px;height: 100px;font-size: 40px;background-size: 100%}.profile-name{font-size: 28px}.profile-bio{font-size: 14px}.link-card{padding: 15px;min-height: 65px}.link-icon{width: 40px;height: 40px;font-size: 18px;margin-right: 12px}.link-title{font-size: 16px}.link-description{font-size: 12px}}@media (min-width: 1024px){.links-grid{grid-template-columns: repeat(3, 1fr);gap: 25px}}@media (min-width: 1400px){.links-grid{grid-template-columns: repeat(4, 1fr)}}