*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.profile-container{background:#fff;border-radius:16px;max-width:1000px;margin:40px auto;overflow:hidden;box-shadow:0 4px 20px #00000014}.cover-photo{background-color:#333;height:100px;position:relative}.profile-info{padding:80px 40px 40px;position:relative}.profile-pic{background:url(https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=400) 50%/cover;border:6px solid #fff;border-radius:50%;width:140px;height:140px;position:absolute;top:-70px;left:40px}.user-name{margin-left:170px}.user-name h1{margin-bottom:8px;font-size:32px}.user-name p{color:#666;font-size:16px}.stats{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}.stat-box{text-align:center;background:#f7f9fc;border-radius:12px;flex:1;min-width:140px;padding:20px}.stat-box h2{color:#4f46e5;margin-bottom:6px}.about{margin-top:40px}.about h3{margin-bottom:15px;font-size:24px}.about p{color:#555;line-height:1.7}.buttons{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;transition:all .3s}.btn-primary{color:#fff;background:#4f46e5}.btn-primary:hover{background:#4338ca}.btn-secondary{color:#333;background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}@media (width<=768px){.profile-info{text-align:center;padding:100px 20px 30px}.profile-pic{left:50%;transform:translate(-50%)}.user-name{margin-top:80px;margin-left:0}.stats{flex-direction:column}}.follow-btn{cursor:pointer;border:1px solid;border-radius:.5rem;margin-top:.75rem;padding:.375rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.follow-btn.following{color:#000;background-color:#fff;border-color:#d1d5db}.follow-btn.following:hover{background-color:#f9fafb}.follow-btn.not-following{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.follow-btn.not-following:hover{background-color:#2563eb}